#ban-Box{
  width: 100%;
  padding-top: 5px;
}
#ban-Box img{
  width: 100%;
  height: 250px;
}
.aboutBox{
  background: url("../image/bg.jpg") no-repeat;
  padding: 0 5%;
  background-size: cover;
  overflow: hidden;
}
/* 关于我们 */
#con-box{
  width: 100%;
}
.commonTit{
  margin-top: 50px;
  text-align: center;
}
.TextCom{
  display: flex;
  justify-content: center;
}
.tLine{
  width: 40px;
  height: 1px;
  background: #ccc;
  line-height: 30px;
  margin-top: 20px;
}
.tTit{
  font-size: 22px;
  color: #999;
  padding: 0 10px;
}
.tTit a{
  font-size: 22px;
  color: #999;
}
.aboutCon{
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 10px;
  box-sizing: border-box;
}
.aboutCon a{
  display: block;
  width: 100%;
}
.aboutTit{
  color: #333;
  font-size: 16px;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.abConTex{
  color: #666;
  font-size: 14px;
  line-height: 26px;
  text-indent: 2em;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aboutCon{
  width: 100%;
  overflow: hidden;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9比例 */
  height: 0;
  overflow: hidden;
  margin: 15px 0;
}
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* 动画 */
.abDh{
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
}
.m-pic1 { float: left; width: 29.6%; padding: 19px; position: relative; z-index: 1; margin: 30px 0; }
.m-pic1 .line { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(159, 170, 185, .5); -webkit-border-radius: 50%; -moz-animation: 8s linear infinite revolve; -webkit-animation: 8s linear infinite revolve; animation: 8s linear infinite revolve }
@-moz-keyframes revolve {
	from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) }
	to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }
}
@-o-keyframes revolve {
	from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) }
	to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }
}
@-ms-keyframes revolve {
	from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) }
	to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }
}
@-webkit-keyframes revolve {
	from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) }
	to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes revolve {
	from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) }
	to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }
}
.m-pic1 .line:after { content: ""; position: absolute; right: -8px; top: 50%; width: 16px; height: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #006376; margin-top: -8px }
.m-pic1 .con { height: 0; padding-top: 100%; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative; z-index: 2; overflow: hidden }
.m-pic1 .con img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 90%; max-height: 90% }
.m-pic1 .con:hover { -moz-animation: 1.5s linear infinite shadow; -webkit-animation: 1.5s linear infinite shadow; animation: 1.5s linear infinite shadow }
@-moz-keyframes btnPage {
	0%, 100% { box-shadow: 0 0 10px rgba(0, 0, 0, 0) }
	50% { box-shadow: 0 0 10px rgba(0, 0, 0, .5) }
}
@-o-keyframes btnPage {
	0%, 100% { box-shadow: 0 0 10px rgba(0, 0, 0, 0) }
	50% { box-shadow: 0 0 10px rgba(0, 0, 0, .5) }
}
@-ms-keyframes btnPage {
	0%, 100% { box-shadow: 0 0 10px rgba(0, 0, 0, 0) }
	50% { box-shadow: 0 0 10px rgba(0, 0, 0, .5) }
}
@-webkit-keyframes btnPage {
	0%, 100% { box-shadow: 0 0 10px rgba(0, 0, 0, 0) }
	50% { box-shadow: 0 0 10px rgba(0, 0, 0, .5) }
}
@keyframes shadow {
	0%, 100% { box-shadow: 0 0 10px rgba(0, 0, 0, 0) }
	50% { box-shadow: 0 0 10px rgba(0, 0, 0, .5) }
}

/* 新闻动态 */
.newsPic{
  overflow: hidden;
  padding: 0 5%;
  box-sizing: border-box;
}
.nPicList a{
  display: block;
  position: relative;
}
.nPicList img{
  width: 100%;
  height: 240px;
}
.layui-carousel-ind{
  top: -50px;
}
.nPTit{
  width: 100%;
  height: 30px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  bottom: 0;
   display: -webkit-box;
   line-height: 30px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
  box-sizing: border-box;
}
.newsPic{
  margin-top: 12px;
}
.newsList{
  overflow: hidden;
  padding: 0 5%;
  box-sizing: border-box;
}
.nlistBox{
  display: flex;
  justify-content: space-between;
  background-color: #f6f6f6;
  margin-top: 20px;
}
.nlistTit{
  width: 20px;
  height: 90px;
  background-color: #2c7578;
  color: #fff;
  font-size: 16px;
  padding: 10px 8px;
  writing-mode: vertical-rl; /* 从右到左竖排 */
  text-orientation: mixed; /* 混合方向（默认） */
  letter-spacing: 5px; /* 主要间距控制属性 */
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
}
.nlistText{
  padding-left: 10px;
}
.nTime{
  line-height: 24px;
  color: #999;
  margin-top: 5px;
}
.nlistText h3{
  color: #333;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ntext{
  display: -webkit-box;
  line-height: 24px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999;
}
.casePic{
  width: 100%;
  height: 150px;
}
.caseList{
  padding-top: 20px;
}
.caseList h3{
  font-size: 14px;
  text-align: center;
  padding: 3px 5px;
}
/* 产学研联盟 */
.unCon{
  padding: 0 5%;
  box-sizing: border-box;
  overflow: hidden;
}
.unLIist{
  border: 2px solid #2c7578;
  margin-top: 20px;
  box-sizing: border-box;
  padding: 15px 0;
}
.unLIist img{
  width: 100%;
  height: 140px;
  border-radius: 10px;
}
.imgLeft{
  margin-left: -10px;
}
.unJj{
  display: -webkit-box;
  line-height: 20px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999;
}
.unBtn{
  width: 90px;
  color: #fff;
  background-color: #2c7578;
  font-size: 13px;
  display: block;
  text-align: center;
  line-height: 26px;
  margin-top: 10px;
}
.unBtn:hover{
  color: #fff;
}
.unLIist h3{
  font-size: 16px;
  color: #2c7578;
  margin-bottom: 5px;
}