#company {

	width: 100%;

	display: flex;	height:630px;

	justify-content: space-between;  background: url(../images/gongyi2.jpg) no-repeat center top;

  }

  

  #company li {

	width: calc(100%/3);

	overflow: hidden;

	position: relative;

	transition: all ease .5s;

	max-height: 100vh; border-right:1px solid rgba(255,255,255,0.1)

  }

  

  #company li:hover {



  }

  #company li>a img {

	width: 66px; opacity: 0.5;

	margin: 0 auto; display: block;

  }

  #company li:hover>a img {opacity: 1;  }



  

  #company li>a {

	transition: all ease .5s;

	width: 100%;

	height: 100%;

	display: flex;

    flex-direction: column;

    justify-content: center;

  }

  #company li>a p {

	text-align: center;

	word-break: break-all;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	overflow: hidden;

	color: #fff;

	font-family: arial;

	margin: 0;

	line-height: 1;

	color: #fff;

	font-size: 20px;

	margin-bottom: 25px;

	opacity: 1;

	transition: all ease 1s;

	text-align: center;

  }

  

  #company li:hover>a p {

	opacity: 1;

  }

  

  #company li>a h3 {font-weight: normal;

	color: #fff;

	font-size: clamp(2.25rem, 2.023rem + 2.14vw, 2.3rem);

	margin-top: 30px;

	margin-bottom: 15px;

	line-height: 1.2;

	word-break: break-all;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	overflow: hidden;

	text-align: center;

  }



  #company li>a span {

	color: #fff; line-height: 2;

	font-size: 1rem; display: block;padding: 0 5%;

	bottom: 0;

	opacity: 0;

	transition: all ease 0.5s;

	text-align: center;

	display: block;

	word-break: break-all;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

  }

  

  #company li:hover>a {

	padding-bottom: 30px;

	margin-top: 0;

	transition: all ease 1.2s;

  }

  

  #company li:hover>a span {

	opacity: 1;

  }

  #company li:hover>a h3 {font-weight: bold;  }

  #company li.active1 {

	width: 50%;

  }

@media only screen and (max-width:1750px){ 

	#company li>a h3{font-size: 2rem;}

}

@media only screen and (max-width:1500px){ 

	#company li>a h3{font-size: 1.5rem;}

}

  @media screen and (max-width:768px) {

	#company {

	  flex-direction: column;justify-content: center;

	}

  

	#company li { height:33%;

	  width: 100%;border-bottom: 1px solid rgba(255,255,255,0.1);

	}

  

	#company li.active1 {

	  width: 100%;

	}

  

	#company li>a img {

	  width: 57px;

	}

  

	#company li>a p {

	  margin-bottom: 10px;

	  font-size: 15px;

	}

  

	#company li>a span {

	  font-size: 12px;

	  -webkit-line-clamp: 2;

	}

  

	#company li>a h3 {

	  margin-top: 20px;

	  margin-bottom: 10px;

	}

  }