

/*首页产品*/

.innovative{ width: 100%; height:629px; 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: 18%;
 /*   transform: translate(-45%);*/ width:62%;}
.c1-text .pname{
    color:#fff;
    font-size: 35px;
    margin-bottom:35px; text-transform:capitalize;
    /*height: 40px;*/
    /*line-height: 40px;*/
    font-weight: bold; font-family:Abel;
	
	
	}

.ccp ul li{width:27%;text-align:left; float:left; border:1px #fff  solid; transition:all 0.4s; margin-bottom: 2%;/*line-height: 36px; */padding:1% 2%; margin-right:2%;




}

.ccp ul li a{color:#fff;}
.ccp ul { margin-bottom:20px;height:210px; margin-left:0px; padding-left:0px;}

.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:20px; height:40px;}



.c1-text .biao{ font-weight:normal; font-size:15px;overflow:hidden; display:block; color:#fff;overflow:hidden;display:-webkit-box; -webkit-line-clamp:1 ;
 -webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis; line-height:20px; height:20px;}
.c1-text ul li span{ font-family:Barlow-Regular; font-size:16px;color:#fff;}


.c1-text ul li:hover{ background:rgba(0,161,229,0.8) ; transition:all 0.4s; border:1px 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:0%;}
  
.innovative-box{ 
/*display: flex;*/ width:22%;
left:5%;
    z-index: 99;
  position:absolute; top:18%; height:100%;
}


.innovative-list{
	
    flex: 1; 
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   background: rgba(00, 00, 00, 0.2);
    cursor: pointer; padding-left:9%; padding-right:9%;
    position: relative; display:flex; padding-top:0px; padding-bottom:0px;  overflow:hidden; height:12.33%;
	
	
	
	}
.innovative-list:lasst-child{ border-bottom:0px;}


.innovative-list p{ width:24%; }
.innovative-list .a-link{ display: block; }


.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;
	 text-transform:capitalize;
	}
	

.innovative-box .bg-active{
    background-color:rgba(6,98,175,0.8);
	border: 1px solid rgba(6,98,175,0.8);
    border: none;
    cursor: pointer;
    transition: 0.2s;
    transition-duration:0.2s;}
.bg-active span{color: #fff; }

.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; padding-left:1%;
}

@media only screen and (max-width:1023px) {
	.innovative-box{ 
/*display: flex;*/ width:100%;left:0px;
    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:100%;}
.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;}

.c1-text {
	
	padding-left:2.5%;
}

.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-list p img {
	width:50px; padding-left:20px;
}
.innovative-list {
	width:49.55%;
	flex:none; padding-top:10px; padding-bottom:10px;
}
.innovative-list a {
	display:none!important;
}
.ccp ul{ max-height:270px; overflow:hidden}
.ccp ul li {
  width: 47%; 
  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: 250px;right:0px;
    transform: translate(0%);
    width: 95%;
}
.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;}
}
