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

.innovative-img{ width: 100%;height: 100%;}
.innovative-img .on1 .c1-text{
    opacity: 1;
    z-index: 2;
    transition: 0.5s;
	transform: translate(0%);
}
.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{
	opacity: 0;
    position: absolute;
    left:6%;
    top: 24%;
	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:Mont;
	
	
	}

.ccp ul li{width:18.5%;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;}

.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:4 ;
 -webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis; line-height:20px;}
.c1-text ul li span{ font-family:Barlow-Regular; font-size:18px;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;
    height:65px; margin:11% auto 0px; padding:0px; max-width:none;}
  
.innovative-box{ 
/*display: flex;*/ width:35%;
right:7%;
    z-index: 99; top:25%;
  position:absolute;   border-radius:25px; background: ; overflow:hidden;
}

.ccp { width:65%; color:#fff; line-height:30px; margin-bottom:40px; padding-left:0%; font-size:16px;}

.innovative-list{
	
   
    text-align: center;
    border: 2px solid rgba(255, 255, 255, 1);
  
   
    width:47%; margin:1%; float:left; color:#fff; padding:1.5% 0px;
	
	
}
.innovative-list p { display:block;}
.innovative-list span { display:block;}
.innovative-list font { display:block;}
.innovative-list:lasst-child{ border-bottom:0px;}


.innovative-list p{ width:18%; }
.innovative-list .a-link{ display: block; }


.innovative-list span{
    font-size: 18px; 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:Mont; font-weight:400;
    color: #fff;
	
	text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 40px;
line-height: 40px;
	
	}
	

.innovative-box .bg-active{
    background-color:rgba(10,100,186,0.8);
	border: 2px solid rgba(10,100,186,0.8);
    
    cursor: pointer;
    transition: 0.2s;
    transition-duration:0.2s;}
.bg-active span{color: #fff;}

.yuluo { text-align: center; width:100%;
}
.yuluo p img { margin:20% auto 0px; }
.yuluo p { margin:0px auto;padding:0px;}
.yuluo span { margin:0px auto; width:100%; text-align:center; font-size:20px; font-weight:700; line-height:30px !important; height:30px; padding-left:0px; padding:0px;}
.yuluo font { margin:0px auto; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:20px;padding:0px; }
.cp_yw { font-size:50px; color:#fff; line-height:60px; text-transform:uppercase; font-family:'Bebas';}
.cp_zw{ font-size:38px; color:#fff; line-height:50px; margin-bottom:20px;}
.sdrt { width:120px; line-height:40px; text-align:center; border:2px solid #fff; color:#fff;}
@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;}
}