/* 轮播图 */
.slide { position:relative; height: 16rem; overflow:hidden;}
.slide .slide-item { width: 100%; height: 16rem; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.slide .hd { position: absolute; z-index:1; left: 50%; bottom: 0.2rem; transform: translateX(-50%); overflow: hidden; }
.slide .hd ul { overflow:hidden; zoom:1; float:left;  }
.slide .hd ul li { float:left; width: 0.8rem; height: 0.16rem; background-color:#fff; border-radius: 0.08rem; cursor:pointer; }
.slide .hd ul li:not(:last-child) { margin-right: 0.16rem; }
.slide .hd ul li.on { background-color:#00a0e9; }
.slide .prev,
.slide .next{ position:absolute; z-index: 3; left:3%; top:50%; margin-top: -0.4rem; display:block; width: 0.64rem; height: 0.8rem; background-color: rgba(100, 100, 100, 0.4); background-image: url(../images/slider-arrow.png); background-position: -110px 5px; background-repeat: no-repeat; filter:alpha(opacity=50); opacity:0.5;}
.slide .next{ left:auto; right:3%; background-position:8px 5px; }
.slide .prev:hover,
.slide .next:hover{ filter:alpha(opacity=100);opacity:1;}
/* 楼层通用 */
.floor { padding: 0.72rem 0; background-color: #fff;}
.floor .floor_hd { padding: 0.48rem 0; text-align: center;}
.floor .floor_hd .title { font-size: 0.64rem; color: #000;}
.floor .floor_hd .desc { margin-top: 0.4rem; line-height: 0.48rem; font-size: 0.28rem; color: #888;}
/* 集团简介 */
.floor-intro { padding-top: 0.72rem; padding-bottom: 0.72rem; background-color: #f7f7f7;}
.floor-intro .floor_hd { padding-bottom: 0.72rem; text-align: left;}
.floor-intro .floor_hd .title { font-size: 0.64rem;} 
.floor-intro .introduction {  line-height: 0.72rem; font-size: 0.32rem; color: #000;}
.floor-intro .introduction p + p { margin-top: 0.4rem;}
.floor-intro .intro-img { margin-top: 0.48rem;;}
.floor-intro .intro-img img { width: 100%; height: 100%; object-fit: contain;}
/* 伏羲门集团 */
.floor-video .floor_hd .title { font-weight: 700;}
/* 专家介绍 */
.floor-lecturer { background-color: #f0f2f7;}
.floor-lecturer .floor_hd .title { position: relative; overflow: hidden; font-size: 0.48rem; font-weight: 700;}
.floor-lecturer .floor_hd .title::before,
.floor-lecturer .floor_hd .title::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 4rem; height: 0.04rem;}
.floor-lecturer .floor_hd .title::before { left: 50%; margin-left: -6rem; background-image: linear-gradient(to left, #ccc 50%, #f0f2f7);}
.floor-lecturer .floor_hd .title::after { right: 50%; margin-right: -6rem; background-image: linear-gradient(to right, #ccc 50%, #f0f2f7);}
.floor-lecturer .floor_hd .desc { display: none;}
.lecturer-list { display: flex; flex-wrap: wrap; justify-content: space-between;}
.lecturer-item { display: flex; flex-direction: column; align-items: center; width: 3.72rem; padding: 0.24rem 0.24rem 0.48rem; background-color: #fff;}
.lecturer-item .photo { width: 3.52rem; height: 3.84rem; object-fit: contain;}
.lecturer-item .photo img { width: 100%; height: 100%; object-fit: cover;}
.lecturer-item .name { width: 100%; margin-top: 0.32rem; text-align: center; font-size: 0.36rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.lecturer-item .desc { width: 100%; margin-top: 0.48rem; text-align: center; font-size: 0.32rem; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.floor-lecturer .more { margin-top: 0.8rem;}
.floor-lecturer .more .btn { display: block; width: 3.2rem; height: 0.8rem; margin: 0 auto; border: 1px solid #00a0e9; line-height: 0.8rem; text-align: center; font-size: 0.28rem; color: #00a0e9;}
/* 中医课程 */
.course-list { display: flex; flex-wrap: wrap; justify-content: space-between;}
.course-item { display: flex; flex-direction: column; align-items: center; width: 5.6rem;}
.course-item:nth-child(n+5) { margin-top: 0.48rem; }
.course-item .photo { width: 2.16rem; height: 2.16rem;}
.course-item .photo img { width: 100%; height: 100%; object-fit: cover;}
.course-item .name { width: 100%; margin-top: 0.48rem; text-align: center; font-size: 0.36rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.course-item .desc { width: 100%; margin-top: 0.32rem; text-align: center; line-height: 0.48rem; font-size: 0.28rem; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
/* 产品中心 */
.floor-product { background-color: #f7f7f7;}
.product-list { display: flex; flex-wrap: wrap; justify-content: space-between;}
.product-item { position: relative; width: 4rem; height: 4rem;}
.product-item .photo { position: relative; z-index: 1; width: 4rem; height: 4rem;}
.product-item .photo img { width: 100%; height: 100%;}
.product-item .info { position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; padding-top: 0.96rem;}
.product-item .name { text-align: center; font-size: 0.48rem; color: #fff;}
.product-item .desc { margin: 0.48rem auto 0; width: 2.2rem; height: 0.72rem; border: 1px solid #fff; line-height: 0.72rem; text-align: center; font-size: 0.36rem; color: #fff;}
/* 动态资讯 */
.news-list { display: flex; flex-wrap: wrap; justify-content: space-between;}
.news-item { position: relative; width: 8.8rem;  padding: 0.72rem 0 0.72rem 2.4rem;}
.news-item:nth-child(n+3) { border-top: 1px solid #eee;}
.news-item .title { font-size: 0.36rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news-item .desc { margin-top: 0.64rem; min-height: 0.84rem; line-height: 1.5; font-size: 0.28rem; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.news-item .time { position: absolute; left: 0; top: 0.72rem;}
.news-item .time .date { font-size: 0.44rem; color: #666;}
.news-item .time .year { font-size: 0.28rem; color: #666;}

@media screen and (max-width: 560px) {
  .slide { height: 3.6rem;}
  .slide .slide-item { height: 3.6rem;}
  .slide .hd ul li { width: 0.48rem; height: 0.12rem;}
  .slide .prev,
  .slide .next {}
  .floor { padding: 0.24rem 0 0.48rem;}
  .floor .floor_hd { padding: 0.48rem 0 0.32rem;}
  .floor .floor_hd .title { font-size: 0.56rem;}
  .floor .floor_hd .desc { margin-top: 0.16rem;}
  .floor-intro .floor_hd { padding: 0.36rem 0;}
  .floor-intro .floor_hd .title { font-size: 0.56rem;}
  .floor-intro .introduction { line-height: 0.48rem; font-size: 0.28rem;}
  .floor-intro .introduction p + p { margin-top: 0.2rem;}
  .floor-lecturer .floor_hd .title { font-size: 0.48rem;}
  .floor-lecturer .floor_hd .title::before,
  .floor-lecturer .floor_hd .title::after { width: 1.6rem; }
  .floor-lecturer .floor_hd .title::before { margin-left: -3rem;}
  .floor-lecturer .floor_hd .title::after { margin-right: -3rem;}
  .lecturer-item { position: relative; width: 100%; padding: 0.32rem 3rem 0.64rem 0.48rem;}
  .lecturer-item:not(:first-child) { margin-top: 0.24rem;}
  .lecturer-item .photo { position: absolute; right: 0; bottom: 0; width: 2.4rem; height: 2.4rem;}
  .lecturer-item .name { text-align: left;}
  .lecturer-item .desc { text-align: left;}
  .floor-lecturer .more { margin-top: 0.48rem;}
  .course-item { width: 3.4rem;}
  .course-item:nth-child(n+3) { margin-top: 0.32rem;}
  .course-item .name { margin-top: 0.24rem;}
  .course-item .desc { margin-top: 0.12rem;}
  .product-item { width: 3.4rem; height: 3.4rem;}
  .product-item:nth-child(n+3) { margin-top: 0.24rem;}
  .product-item:nth-child(n+5) { display: none;}
  .product-item .photo { width: 3.4rem; height: 3.4rem;}
  .product-item .desc { box-sizing: content-box;}
  .news-item { width: 100%; padding: 0.24rem 0 0.24rem 1.6rem;}
  .news-item .time { top: 0.24rem;}
  .news-item .desc { margin-top: 0.16rem;}
  .news-item:nth-child(n+2) { border-top: 1px solid #eee;}
}