.swiper-top {
  position: relative;
}

.pc .box {
  margin-top: 70px;
  padding: 30px 0;
}

.pc .detailBox>div {
  display: none;
}

.pc .detailBox>.active {
  display: flex;
}

.pc .jdsx {
  background-color: #f5f5f5;
}

.pc .boxCenter {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.pc .boxCenter .boxTit {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: bottom;
}

.pc .moreBox {
  color: #a7a7a7;
  font-weight: bold;
}

.pc .moreBox a {
  margin-right: 15px;
  font-size: 16px;
  padding: 3px 25px;
}

.pc .moreBox a:hover {
  background-color: #e5e5e5;
  border-radius: 10px;
}

.pc .moreBox .active {
  background-color: #e5e5e5;
  border-radius: 10px;

}

.pc .boxTit img {
  height: 30px;
  margin-bottom: 40px;
}

.pc .jdsxBottom {
  overflow: hidden;
}

.pc .jdsxLeft {
  float: left;
  width: 380px;
  margin-right: 20px;
}

.pc .jdsxCenter {
  float: left;
  width: calc(100% - 660px);
  margin-bottom: 30px;
  overflow: hidden;
}

.pc .jdsxRight {
  float: right;
  width: 240px;
}

.pc .jdsxRight a {
  display: block;
  border-radius: 15px;
  margin-bottom: 10px;
  width: 240px;
  height: 148px;
  cursor: pointer;

}

.pc .jdsxRight img {
  width: 100%;
  height: 100%;
}

.pc .rwzfTextDesc{
  /* 超出显示点点并且只展示十行 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  max-height: 10em;
  line-height: 1.5;
  word-break: break-all;
  font-size: 14px;
}

.pc .jdsxLeft .jdsxImg {
  overflow: hidden;
  width: 380px;
  height: 220px;
  float: left;
  cursor: pointer;
  border-radius: 20px;
  margin-bottom: 20px;
}

.pc .jdsxImg img {
  width: 100%;
  height: 100%;
  float: left;
}


.pc .jdsxText {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 18px;
  color: #a7a7a7;
  cursor: pointer;
  margin-bottom: 15px;
}

.pc .jdsxTit .active {
  font-weight: bold;
  color: #8d8d8d;
}

.pc .jdsxText:hover {
  color: #0D55E3;
}



/* 央媒中心 */
.pc .ymzxBox {
  display: flex;
  justify-content: space-between;
}

.pc .ymzxBox a {
  width: 380px;
  display: block;
  cursor: pointer;
}

.pc .ymzxImg {
  width: 100%;
  height: 380px;
  border-radius: 20px;
}

.pc .ymzxImg img {
  width: 100%;
  height: 100%;
}

.pc .ymzxTit {
  font-size: 18px;
  margin: 10px 0;
  color: #8d8d8d;
}

.pc .yzzxDesc {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 60px;
}

.pc .ymzxBottom {
  margin-top: 40px;
  display: flex;
  justify-content: space-between
}

.pc .ymzxBottom .left {
  width: 580px;

}

.pc .ymzxBottom .tit {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.pc .rwzf {
  overflow: hidden;
}

.pc .rwzfimg {
  float: left;
  border-radius: 20px;
  width: 300px;
  height: 184px;
}

.pc .rwzf img {
  width: 100%;
  height: 100%;
}

.pc .rwzftext {
  float: right;
  width: calc(100% - 320px);
}

.pc .rwzftext .jdsxText {
  margin-bottom: 10px;
}

/* 智库研究院 */
.pc .zkyjyBox,
.pc .cxipBox {
  display: flex;
  justify-content: space-between;
}

.pc .zkyjyBox a,
.pc .cxipBox a {
  width: 380px;
  display: block;
  cursor: pointer;
  border-radius: 20px;
}

.pc .zkyjyBox img,
.pc .cxipBox img {
  width: 100%;
  height: 505px;
}

/* 设计酷儿 */
.pc .sjkeBox {
  border-radius: 20px;
  background: #f5f5f5;
  overflow: hidden;
  padding: 70px 10px 30px 40px;
}

.pc .sjkeBox .left {
  width: 230px;
  float: left;
  margin-right: 20px;
}

.pc .sjkeBox .num {
  font-size: 40px;
  font-weight: bold;
  margin-top: 25%;
  color: #8d8d8d;
  min-height: 60px;
}

.pc .sjkeBox .tit {
  font-size: 24px;
  font-weight: bold;
  margin-top: 100px;
  margin-bottom: 20px;
  color: #8d8d8d;
}

.pc .sjkeBox .desc {
  font-size: 14px;
}

.pc .sjkeBox .right {
  width: calc(100% - 250px);
  float: right;
  display: flex;
  justify-content: space-between;
}

.pc .sjkeBox .right a {
  width: 290px;
  height: 388px;

  display: block;
  cursor: pointer;
  border-radius: 20px;
  margin-right: 10px;
}

.pc .sjkeBox.right img {
  width: 100%;
  height: 100%;
}



/* 移动端 */


.phone .box,
.phone .jdsx {
  padding: 0.4rem;
  margin-top: 0.5rem;
}

.phone .box>.title,
.phone .jdsx>.title {
  margin-bottom: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.phone .box>.title img,
.phone .jdsx>.title img {
  height: 0.5rem;
}

.phone .jdsxText {
  overflow: hidden;
}

.phone .jdsxLeft {
  width: 4rem;
  float: left;
}

.phone .jdsxLeft .jdsxImg {
  width: 100%;
  height: 2.5rem;
  margin-bottom: 0.2rem;
  display: block;
  border-radius: 0.2rem;
}

.phone .jdsxLeft img {
  width: 100%;
  height: 100%;
}

.jdsxRight {
  float: right;
  width: calc(100% - 4.2rem);
}

.jdsxRight a {
  display: block;
  margin-bottom: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}

.zhuanfangTextDesc{
  /* 超出显示点点 并且只展示两行 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 3em;
  line-height: 1.5;
  word-break: break-all;
  /* font-size: 14px; */
}

.zhuanfangTit .more{
  float: right;
  font-size: 12px;
  margin-bottom: 0.2rem;
  line-height: 2em;
  color: #a7a7a7;
}
.tit .more{
  font-size: 14px;
  float: right;
  line-height: 2.5;
}

.navs {
  text-align: center;
  margin-bottom: 0.4rem;
}

.navs a {
  display: inline-block;
  margin: 0 0.1rem;
  padding: 0.1rem 0.2rem;
}

.navs .active{
  background-color: #e5e5e5;
  border-radius: 0.2rem;
  display: inline-block !important;
}
.phone .box .active{
  display: block;
}
.phone .box .actives{
  display: flex;
}
.phone .sjkeBox{
  display: none;
  justify-content: space-around;
} 
.phone .listBox{
  display: none;
}
.listBox .bigImg {
  border-radius: 0.2rem;
  overflow: hidden;
  margin-bottom: 0.4rem;
}

.listBox .bigImg img {
  width: 100%;
  height: 4.8rem;
}

.ymzxList {
  display: block;
  overflow: hidden;
  margin-bottom: 0.4rem;
}

.ymzxLeft {
  float: left;
  width: calc(100% - 4.2rem);
  margin-right: 0.2rem;
}

.ymzxLeft .title {
  font-size: 0.4rem;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  margin-bottom: 0.2rem;
}

.ymzxLeft .desc {
  height: auto; /* 自动高度 */
  line-height: 1.5; /* 行高，可根据实际情况调整 */
  max-height: 5rem; /* 最大高度为 3 行，行高 1.5em */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;

}

.ymzxRight {
  width: 4rem;
  height: 2.4rem;
  float: right;
  border-radius: 0.2rem;
  overflow: hidden;
}
.ymzxRight img{
  width: 100%;
  height: 100%;
}
.phone .sjkeBox .sjke{
  width: 2.8rem;
  height: 4.3rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.phone .sjkeBox .sjke img{
  width: 100%;
  height: 100%;
}
.zhuanfang{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.4rem;
}
.zhuanfangTit{
  font-size: 0.4rem;
  margin-bottom: 0.4rem;
  color: #000;
}
.zhuanfangImg{
  display: block;
  width: 4.4rem;
  height: 2.7rem;
  border-radius: 0.2rem;
  overflow: hidden;
  margin-bottom: 0.2rem;
}
.zhuanfangImg img{
  width: 100%;
  height: 100%;
}
.zhuanfangText{
  display: block;
  margin-bottom: 0.2rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto; /* 自动高度 */
  line-height: 1.5; /* 设置合适行高 */
  max-height: 4.5em; /* 最大高度为 3 行，行高 1.5em */
  display: -webkit-box; /* 开启弹性盒子 */
  -webkit-box-orient: vertical; /* 垂直排列 */
  -webkit-line-clamp: 1; /* 限制显示 3 行 */
}