/*首页产品*/
.innovative{ width: 100%; height:650px; position:relative;}

.innovative-img{ width: 100%;height: 100%;}
.innovative-img .on1 {
    left: 0;
    opacity: 1;
    z-index: 2;
    transition: 0.5s;}
.c1{
    opacity: 0;
    transition: all 1s linear;
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
.c1>img{ width: 100%;height: 100%;}

.max-width {
  width: 100%;
  margin: 0 auto;}
  
.c1-text{
    position: absolute;
    right:5%;
    top: 110px;
 /*   transform: translate(-45%);*/ width:60%;}
.c1-text .pname{
    color:#fff;
    font-size: 40px;
    margin-bottom:35px;
    /*height: 40px;*/
    /*line-height: 40px;*/
    font-weight: bold; font-family:Abel; text-transform: capitalize;
	
	
	}

.ccp ul li{width:;text-align:left; float:left; border:0px  solid rgba(100%,100%,100%,.5); transition:all 0.4s; margin-bottom: 2%;/*line-height: 36px; */padding:0%; margin-right:2%;}

.ccp ul li a{color:#fff;}
.ccp ul { margin-bottom:20px;height:;

display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;

}

.ccp_3 ul li{ width:27%}
.ccp_4 ul li{ width:27%}
.ccp_5 ul li{ width:27%}


@media only screen and (min-width: 1550px)
 {.ccp_5 ul li:nth-child(5) .biao{ height:40px; }}

.ccp_6 ul li{ width:27%; }

.ccp_4  .biao,.ccp_6  .biao{ font-weight:normal; font-size:15px;overflow:hidden; display:block; color:#fff;overflow:hidden;display:-webkit-box; -webkit-line-clamp:2 ;
 -webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis; line-height:25px; height:40px;}



.c1-text .biao{ font-weight:normal; font-size:17px;overflow:hidden; display:block; color:#fff;overflow:hidden;display:-webkit-box; -webkit-line-clamp:2 ;
 -webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis; line-height:25px;}
 .c1-text .biao i { padding-left:; display:block; font-style:normal;}
 .c1-text .biao i { display:none;}
  .c1-text .biao font { font-size:22px; padding-right:15px;}
.c1-text ul li span{ font-family:Barlow-Regular; font-size:18px;color:#fff;}


.c1-text ul li:hover{ background:rgba(0,150,49,0.8) ; transition:all 0.4s; border:0px solid rgba(0,161,229,0.8)}

.sdrt{ width:100%; float:left; margin-top:1%; }

.innovative-list p img {
  display: block; margin-right:20px;
  width: 60px; margin-top:11%;}
  
.innovative-box{ 
/*display: flex;*/ width:25%;
left:0;
    z-index: 99;
  position:absolute; top:15%; height:100%; left:5%;
}


.innovative-list{
	
    flex: 1; 
    text-align: center;
    border: 0px solid rgba(255, 255, 255, 0);
   background: rgba(255,255,255,.08);
    cursor: pointer; padding-left:7%; padding-right:7%;
    position: relative; display:flex; padding-top:; padding-bottom:;  overflow:hidden; height:9.1%; margin-bottom:10px;
	
	
	
	}
	.innovative-list a { width:100%;}
	.yuluo { height:100%;}
.innovative-list:lasst-child{ border-bottom:0px;}


.innovative-list p{ width:18%; font-family:Abel ; font-size:25px; font-weight:700; color:#fff;}
.innovative-list .a-link{ display: block; }
.yuluo i { font-style:normal; font-family:Abel ; font-size:25px; font-weight:700; color:#fff; padding-right:5%;}


.innovative-list span{
    font-size: 19px; padding-left:20px;
  text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-align:left; line-height:40px; font-family:Abel; font-weight:700;
    color: #fff;
	
	text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 40px;
line-height: 40px; width:100%;
	
	}




.innovative-box .bg-active{
    background-color:rgba(0,150,49,0.8);
	border: 0px solid rgba(0,150,49,0.8);
    border: ;
    cursor: pointer;
    transition: 0.2s;
    transition-duration:0.2s; background:url(../images/bbb.png) no-repeat right bottom; background-size:100% auto;}
.bg-active span{color: #fff; text-transform:capitalize;}

.yuluo {
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: left; justify-content: left; width:100%;
}

@media only screen and (max-width:1023px) {
	
	.innovative-box{ 
/*display: flex;*/ width:100%;left:0px; top:10%;
    z-index: 99;
  position:absolute;
}
.innovative-list:nth-child(2n){ float:right; }
.innovative-list{ float:left;padding-left:0px;border-bottom:0px; padding-right:0px; margin-bottom:0.7%}

.max-width {width:90%; margin:0px 5%;}
.innovative-list span { height:auto !important;}
.ccp ul { margin-bottom:20px;height:auto;}

.innovative-img {height:100vh;object-fit: cover; width:100%;overflow:hidden;}
.innovative-box {flex-wrap:wrap;height:auto; border:0px;}
.ccp ul {
   }

.c1-text {
	
	padding-left:0%;
}

.c1-text .pname {

  font-size: 25px;
  margin-bottom: 15px;
  height: 40px;
  line-height: 40px;

}

.c1-text p {
	width: 30%;
	font-size:12px;
	line-height:.38rem;
	margin-bottom:.35rem;
        overflow: hidden;margin-right:3%;

}
.c1-text .biao{ /*height:30px; */overflow:hidden;font-size:15px; letter-spacing:-0.5px; font-weight:normal}




.innovative { height:850px;}

.innovative-list p img {
	width:50px; padding-left:20px;
}
.innovative-list {
	width:100%;
	flex:none; padding-top:10px; padding-bottom:10px;
}
.innovative-list a {
	display:;
}
.ccp ul{ max-height:270px; overflow:hidden}
.ccp ul li {
  width: 100%; 
  text-align: left;
  float: left;
  margin-right: 1.5%; 
  border-bottom: 1px #fff solid;
  transition: all 0.4s;
  margin-bottom: 1.5%;
  line-height: 36px; padding:0.5%;
}
.ccp ul li span{ font-size:14px;}
	.c1-text {
    position: absolute;
    left: 0%;
    top: 470px;right:0px;
    transform: translate(0%);
    width: 90%;
}
.c1>img {
    width: 100%;
    /*height: 100vh;*/object-fit: cover;
}
	
	.c1-text p span {
   
    font-size: 14px;
}
	.innovative-list span{ font-size:15px; line-height:25px;}
	.yuluo {
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: center; justify-content: center;
}

.sdrt img{ width:30px;}
}




.pz2{ width:100%; float:left;}
.pz2_top { width:100%; height:auto; float:left; border-bottom:1px solid rgba(0,0,0,.1);} 
.pz2 h3{ font-size:20px; color:#333; font-weight:bold; width:100%; float:left; width:100%; line-height:20px; padding-bottom:10px; padding-top:10px;}
.pz2 h3 span{font-family:Barlow-Regular; font-weight:normal; text-transform:uppercase; font-size:45px;}
.pz2 .more { width:12%; float:right; color:#333; text-align:right; margin-top:30px; font-size:16px}
.pz2 .more img{margin-top:27px;}
.pz2 ul{ width:100%; float:left; display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;}
.pz2 ul li{ border:#61d0fe solid 0px; background:#ededed; float:left;  width:100%; text-align:center;color:#333!important; border-radius:5px; margin-bottom:; position:relative; text-align:center; margin-right:0%; adding-top:0px; padding-bottom:30px; height:; line-height:22px; padding-top:30px; font-size:13px; margin:0px !important;
}
.pz2 ul li b { font-size:20px; color:#333; margin-bottom:10px; display:block; font-weight:400;}
.pz2 ul li:nth-child(3n) {}
.pz2 ul li a{ z-index:1; position:inherit; width:100%; text-align:center; text-transform:capitalize;

}
.pz2 ul li:after{ position:absolute; left:0px; top:0px; content:" "; width:0px; background:#288f2b; width:0%; height:100%; transition:all .4s; z-index:0;}

.pz2 ul li:hover {cursor:pointer;/* transform属性 */transform:translate(0,0px);  border:#fff solid 0px;background:none; -webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s; color:#fff!important;}
.pz2 ul li:hover a {  border: none; color:#fff;}
.pz2 ul li:hover a b {color:#fff;}
.pz2 ul li:hover a span {color:#fff;}
.pz2 ul li:hover:after { background:#288f2b; width:100%; height:100%;   border: none;}

.pz2 ul li span{ font-size:15px; width:100%; float:left; line-height:22px; color:#838383}
.pz2 ul li span:hover{ color:#fff}

.cp_more { width:120px; line-height:45px; text-align:center; border:1px solid rgba(255,255,255,.3);}
.cp_more a { color:#fff;}
.cp_more:hover { background:#009631; border:1px solid rgba(255,255,255,.0);} 







@font-face {font-family: 'AVGARDN_1';src: url('../fonts/Barlow-Regular.ttf');}

@font-face {font-family: "Oswald";
  src:  url(../fonts/Oswald-Regular.ttf);}






   .ind212{width:100%; float:left; padding-bottom:70px; background:#f4f4f4;}
    .ind2{max-width:1600px;margin:auto; padding:90px 5%; }
    .ind2-b1{height: 230px;position: absolute;top: 0;right: 0;}
    .ind2-b2{height: 277px;position: absolute;bottom: 0;left: 0;}
    .ind2-b3{position: absolute;bottom: 35px;right: 0;}
    .ind2-a{margin: 0  auto;position: relative;}
	
	  .ind2-a12{float: right; width:30%;  }
	   .ind2-a12 img{ width:100% ; height:390px;border-radius:0px;}
    .ind2-a1{float: left; width:42%;}
    .ind2-a2{font-size:32px; font-family: 'Abel'; color:#000; text-transform:uppercase; text-align:left; line-height:30px; font-weight:900; margin-bottom:20px;}
	
    .ind2-a3{
		
		font-size:45px;line-height: 45px;font-weight: bold;margin-top:8px;
		
		
	background: linear-gradient(90deg, #009631, #40e375);font-family: 'Abel'; 
		
		-webkit-background-clip: text;color: transparent; padding-bottom:10px;text-align:left;
	
	
	
	}
	
	
	
    .ind2-a5{font-size: 16px;line-height: 28px;color: #565656;margin-top:18px; text-align:left; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:8;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; margin-bottom:30px;}
	
	.ind2-a5 p { padding-left:20px; background:url(../images/bbb.jpg) no-repeat left 10px; margin-bottom:12px;}
	
	.ind2-a5 p br { display:none;}
	
	.c-right {
    width: 15%;
    float: right;
    margin-right: 80px;
}
		

	.c-wrap13{ float:left; width:100%; padding-bottom:30px;border-top:#ebebeb solid 1px; padding-top:30px;}
	.c-wrap1{ float:left; width:100%;}
	.c-wrap1 .icon { width:40px; height:40px; margin-bottom:10px; color:#616161; }
	.c-wrap2{ float:left; width:100%; margin-top:-30px;}
	.c-box{ float:left; width:100%; margin-top:-5%;}
	
	
	@media (min-width: 1441px) and (max-width: 1619px){
		.c-box{  margin-top:-10%;}
		.c-text { margin-top:-15px;}
		}    
	
	
	@media (min-width: 1619px) and (max-width: 1920px){
		.c-box{  margin-top:-15%;}
		.c-text { margin-top:-20px;}
		}         
	
	
	.c-num{ font-size:40px;font-family: 'Oswald';  background: linear-gradient(90deg, #616161, #616161);
-webkit-background-clip: text;
    color: transparent; }
	
	
	
	
	
	.c-text{ font-size:15px; float:left; width:100%; }
	.font14{ font-size:12px;}
	
	.public-btn span  { border:1px solid rgba(0,0,0,.2); width:120px; line-height:35px; text-align:center; display: inline-block;}
	.public-btn:hover span { background:#009631; color:#fff; border:none;}
	

/*应用领域*/
.application { width:100%; background:#f4f4f4; padding:80px 0px;}
.application .title { margin-bottom:50px;}
.application .neirong { max-width:1600px; margin:0px auto; padding:0px 5%;}
.application ul li:nth-child(2n){ margin-top:0px;}
.application ul li{ cursor:pointer; width:100%; margin-left:10px; margin-right:10px; overflow:hidden; }
.application ul li .yytu{ height:300px; overflow:hidden;transition: all 0.8s; display: flex;justify-content: center;
align-items: center;}
.application ul li .yytu img{width:100%;height:100%; object-fit: cover; border-radius:10px; overflow:hidden;}
.application ul li:hover .yytu{transform: scale(1.1); }
.application ul li:hover .yyname{ color:#50a31c; }
.application ul li .yyname{ font-size:20px; margin-top:20px; text-align:center; display:none;}


.oooo { width:100%; position:relative;}


.swiper-container-aaaa {
     
      height: 100%; margin:0px 5%; max-width:1600px;
    }
.swiper-container-aaaa .swiper-wrapper{ width:90%;}
   .swiper-container-aaaa .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: ;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }


.oooo .swiper-button-prev, .oooo .swiper-container-rtl .swiper-button-next { width:35px; height:35px; background: url(../images/left_img.png) no-repeat center center rgba(0,150,49,.9);}




.oooo .swiper-button-next, .swiper-container-rtl .oooo .swiper-button-prev { width:35px; height:35px; background: url(../images/right_img.png) no-repeat center center rgba(0,150,49,.9);}


	@media screen and (max-width: 1024px) {
	
	.ind2-a1 { width:100%;}
	.ind2-a12 { width:100%;}
	.c-right { width:100%; margin-right:0px;}
	.ind2-a3 { font-size:30px;}
	.ind2-a2 { font-size:28px;}
	.ind2-a12 { margin-top:20px;}
	.c-right ul {display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;}
.c-num { font-size:32px;}


	}