/* 爱莎科创中心首页 */

/* ———— 按钮颜色 - 开始 ———— */

/* 白色-⾦色 */
.btn-outline-white-tan {
  color: #fff !important;
  background-color: transparent !important;
  border: 0.5px solid #fff !important;
  box-shadow: 0 !important;
}

.btn-outline-white-tan:hover {
  color: #fff !important;
  background-color: #d4ab85 !important;
  border: 1px solid #d4ab85 !important;
}

/* 灰色-⾦色 */
.btn-outline-grey-tan {
  color: #666666 !important;
  background-color: transparent !important;
  border: 1px solid #c9c9c9 !important;
  box-shadow: 0 !important;
}

.btn-outline-grey-tan:hover {
  color: #fff !important;
  background-color: #d4ab85 !important;
  border: 1px solid #d4ab85 !important;
}

/* 白色-蓝色 */
.btn-outline-white-blue {
  color: #fff !important;
  background-color: transparent !important;
  border: 1px solid #fff !important;
  box-shadow: 0 !important;
}

.btn-outline-white-blue:hover {
  color: #fff !important;
  background-color: #2a3f54 !important;
  border: 1px solid #2a3f54 !important;
}

/* ———— 按钮颜色 - 结束 ———— */

/* 软件使用 - 开始 */

/* 底色-透明白色 */
.bg-white-transparent {
  background-color: transparent;
}

.links-color-white-tan {
  color: #fff !important;
}

.links-color-white-tan p,
.links-color-white-tan h6 {
  color: #fff !important;
}

.links-color-white-tan:hover {
  color: #D4AB85 !important;
}

.links-color-white-tan:hover p,
.links-color-white-tan:hover h6 {
  color: #D4AB85 !important;
}

/* 软件使用 - 结束 */
#innovation-centre-home a h2,
#innovation-centre-home a h3,
#innovation-centre-home a h4 {
  color: #fff !important;
  z-index: 9999 !important;
}

#innovation-centre-home a h2:hover,
#innovation-centre-home a h3:hover,
#innovation-centre-home a h4:hover {
  color: #fff !important;
  z-index: 9999 !important;
}

/* 白色-⾦色 */
#innovation-centre-home .innovation-centre-home-btn {
  color: #fff !important;
  background-color: transparent !important;
  border: 0.5px solid #fff !important;
  box-shadow: 0 !important;
}

#innovation-centre-home .lefts:hover .innovation-centre-home-btn,
#innovation-centre-home .rights:hover .innovation-centre-home-btn {
  color: #d4ab85 !important;
  background-color: #fff !important;
}

#innovation-centre-home .lefts {
  background-image: url("../images/innovation-centre/home/science-city.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

#innovation-centre-home .lefts:hover {
  background-image: url("../images/innovation-centre/home/science-city-s.jpg");
}

#innovation-centre-home .rights {
  background-image: url("../images/innovation-centre/home/liwan.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

#innovation-centre-home .rights:hover {
  background-image: url("../images/innovation-centre/home/liwan-s.jpg");
}
/* 爱莎科创中心首页 */

/* 六大主题工坊 */
.innovation-centre-home-four .nav-tabs .nav-link {
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.37);
  text-transform: capitalize !important;
  border-radius: 6px;
}

.innovation-centre-home-four .nav-tabs .nav-link:hover {
  color: #d3ac85 !important;
  border-color: #d3ac85 !important;
  background-color: transparent;
}

.innovation-centre-home-four .nav-tabs .nav-link.active {
  color: #d3ac85 !important;
  border-color: #d3ac85 !important;
  background-color: transparent;
  border-bottom: 8px solid #d3ac85 !important;
}

/* 六大主题工坊 */
.bg-black-26 {
  background-color: hsla(0, 0%, 0%, 0.26);
}

.grey-color-81 {
  color: rgba(255, 255, 255, 0.81);
}

.carousel-indicators-2 {
  display: flex;
  justify-content: center;
  padding: 0;
  /* margin-right: 15%; */
  /* margin-bottom: 1rem; */
  /* margin-left: 15%; */
  list-style: none;
}

.carousel-indicators-2 [data-mdb-target] {
  box-sizing: content-box;
  /* flex: 0 1 auto;
  width: 30px;
  height: 3px; */
  padding: 0;
  margin-right: 6px;
  margin-left: 6px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  opacity: 0.5;
  opacity: 1;
  transition: opacity 0.6s ease;
}

.carousel-indicators-2 .active {
  opacity: 1;
}

.carousel-dark .carousel-indicators-2 [data-mdb-target] {
  background-color: #000;
}

.bg-black-26 {
  background-color: rgba(0, 0, 0, 0.26) !important;
}

/* 智能制造 */
#workshops .title-color-01 {
  color: #7bafd5 !important;
}

/* 时尚艺术 */
#workshops .title-color-02 {
  color: #ed9f91 !important;
}

/* 机器人 */
#workshops .title-color-03 {
  color: #e2d2b5 !important;
}

/* 人工智能及编程 */
#workshops .title-color-04 {
  color: #dab481 !important;
}

/* 数字音视频 */
#workshops .title-color-05 {
  color: #a6d39e !important;
}

/* 生物 */
#workshops .title-color-06 {
  color: #d6ac82 !important;
}

/* 六大主题工坊 */

hr:not([size]).hr {
  height: 1px;
  background-color: rgba(255, 255, 255, 0.19);
}

/* 工坊仪器 */

/* 灰色 */
.bg-grey-8 {
  background-color: rgba(216, 216, 216, 0.2) !important;
}

/* 科技中心课程 */

#courses .courses-one .btn-roundeds {
  padding: 10px 50px;
  background: rgba(255, 255, 255, 0.13);
  border-radius: 76px;
}

#courses .courses-three .bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 50vh;
}

/* 科技中心课程 */

/* 活动资讯 */

.bg-image2 {
  position: relative;
}

.bg-image2 .text-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3px 0;
  background: rgba(42, 63, 84, 0.8);
}

.bg-image2 .text-box h6 {
  color: rgba(255, 255, 255, 0.6);
}

.news-btn {
  font-size: 13px;
  color: #fff;
}

.innovation-centre-home-six .news-btn:hover {
  color: #d3ac85;
}

/* 活动资讯 */

.border-blue {
  border: 1px solid #2a3f54 !important;
  padding: 5px;
}

/* 科技中心六大主题工坊页面-swiper轮播 */
#workshops-home {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

#workshops-home .swiper-slide {
  background-size: cover;
  background-position: center;
}

#workshops-home .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.workshops-big {
  height: 100%;
  width: 100%;
}

.workshops-thumbs {
  height: 30%;
  box-sizing: border-box;
  /* padding: 10px 0; */
}

.workshops-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.6;
}

.workshops-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

/* 科技中心六大主题工坊页面-swiper轮播 */

/* 联系我们 - 开始 */
.bg-blue-93 {
  background-color: rgba(42, 63, 84, 0.93) !important;
}

.w-10 {
  width: 10% !important;
}
/* 联系我们 - 结束 */

/* ———————————————————————————————————————————————————————————————————————————————— */

/* —————— 小型设备（横向手机，小于768px）——————  */

@media (max-width: 767px) {
  #courses .courses-two .bg-image {
    height: 90vh;
  }

  #courses .courses-two-en .bg-image {
    height: 95vh;
  }

  #courses .courses-three .bg-image {
    height: 70vh;
  }

  #courses .courses-three-en .bg-image {
    height: 85vh;
  }

  /* 第三屏 科技赋能教育 */
  .innovation-centre-home-three-en .bg-image {
    height: 110vh;
  }

  /* 第四屏 六大主题工坊 */
  .innovation-centre-home-four-en .bg-image {
    height: 90vh;
  }

  /* 第六屏 活动资讯 */
  .innovation-centre-home-six .bg-image {
    height: 65vh;
  }

  /* 关于爱莎科技中心 */
  .title-big img {
    height: 20px;
    margin-right: 0rem;
    margin-left: 0rem;
  }

  #events .title-big img,
  #courses .title-big img {
    height: 15px;
    margin-right: 1rem;
    margin-left: 1rem;
  }

  #courses .courses-one .bg-image {
    background-image: url("../images/innovation-centre/education/courses/bg-01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    height: 68vh;
  }

  /* 3个圆圈 */
  .three-circles .rounded-circle {
    width: 100px;
    height: 100px;
  }

  /* 3个圆圈-英文 */
  .three-circles-en .rounded-circle .small {
    font-size: 12px !important;
  }

  .three-circles .rounded-circle img {
    width: 35px;
  }
}

/* ———————————————————————————————————————————————————————————————————————————————— */

/* —————— 中型设备（平板电脑，768像素及以上）—————— */
@media (min-width: 768px) {
  /* 爱莎科创中心 */
  /* 第二屏 关于爱莎科技中心 */
  .innovation-centre-home-two .bg-image {
    height: 100vh;
  }

  /* 第三屏 科技赋能教育 */
  .innovation-centre-home-three .bg-image {
    height: 100vh;
  }

  /* 第四屏 六大主题工坊 */
  .innovation-centre-home-four .bg-image {
    height: 110vh;
  }

  /* 第五屏 设备 */
  .innovation-centre-home-five .bg-image {
    height: 100vh;
  }

  /* 第六屏 活动资讯 */
  .innovation-centre-home-six .bg-image {
    height: 90vh;
    background-position: right bottom;
  }

  /* 第七屏 联系我们 */
  .innovation-centre-home-seven .bg-image {
    height: 100vh;
  }

  /* 爱莎科创中心 */

  /* 科技中心课程 */
  #courses .courses-one .bg-image {
    background-image: url("../images/innovation-centre/education/courses/bg-01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 75vh;
  }

  #courses .courses-two .bg-image {
    background-image: url("../images/innovation-centre/education/courses/bg-02.jpg");
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-size: cover;
    background-position: center center;
    height: 57vh;
  }

  #courses .courses-one .relative .one {
    position: absolute;
    top: 0px;
    left: 0px;
  }

  #courses .courses-one .relative .two {
    position: absolute;
    top: 30px;
    left: 250px;
  }

  #courses .courses-one .relative .three {
    position: absolute;
    top: 90px;
    left: 50px;
  }

  #courses .courses-one .relative .four {
    position: absolute;
    top: 120px;
    left: 300px;
  }

  .courses-one .ones {
    margin-left: 13%;
  }

  .courses-one .ones-top {
    margin-left: 0 !important;
  }

  .courses-one .twos {
    margin-left: 13%;
  }

  /* 科技中心课程 */

  .bg-grey-8 {
    background-color: rgba(216, 216, 216, 0.2) !important;
  }

  /* 关于爱莎科技中心 */
  .title-big img {
    height: 20px;
    margin-right: 1rem;
    margin-left: 1rem;
  }

  /* 3个圆圈 */
  .three-circles .rounded-circle {
    width: 120px;
    height: 120px;
  }

  .three-circles .rounded-circle img {
    width: 45px;
  }

  /* 六大主题工坊 */
  #workshops .one,
  #workshops .two,
  #workshops .three,
  #workshops .four,
  #workshops .five,
  #workshops .six {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    background-size: 220px 220px;
    border: 1px solid #2a3f54;
  }

  #workshops .one {
    background-image: url("../images/innovation-centre/workshops/ico/01.png");
  }

  #workshops .two {
    background-image: url("../images/innovation-centre/workshops/ico/02.png");
  }

  #workshops .three {
    background-image: url("../images/innovation-centre/workshops/ico/03.png");
  }

  #workshops .four {
    background-image: url("../images/innovation-centre/workshops/ico/04.png");
  }

  #workshops .five {
    background-image: url("../images/innovation-centre/workshops/ico/05.png");
  }

  #workshops .six {
    background-image: url("../images/innovation-centre/workshops/ico/06.png");
  }

  #workshops .box-height {
    height: 200px;
  }

  #workshops .box-height-en {
    height: 200px;
  }

  #workshops .box-height-en .overflow-auto {
    height: 120px;
  }

  /* 关于爱莎科技中心 */
  #about .one .overflow-auto {
    height: 148px;
  }

  #about .five .overflow-auto {
    height: 196px;
  }
}

/* ———————————————————————————————————————————————————————————————————————————————— */

/* ——————  大屏设备（大于1440px）——————  */
@media (min-width: 1441px) {
  /* 科技中心首页 */

  /* 第二屏 关于爱莎科技中心 */
  .innovation-centre-home-two .bg-image {
    height: 70vh;
    /* height: calc(70vh - 50px);
    height: calc(var(--vh) * 70 - 50px); */
  }

  /* 第三屏 科技赋能教育 */
  .innovation-centre-home-three .bg-image {
    height: 70vh;
  }

  /* 第四屏 六大主题工坊 */
  .innovation-centre-home-four .bg-image {
    height: 80vh;
  }

  /* 第四屏 六大主题工坊 */
  .innovation-centre-home-four-en .bg-image {
    height: 90vh;
  }

  /* 第五屏 设备 */
  .innovation-centre-home-five .bg-image {
    height: 70vh;
  }

  /* 第六屏 活动资讯 */
  .innovation-centre-home-six .bg-image {
    height: 70vh;
  }

  .innovation-centre-home-six .news-box {
    margin-left: 5rem !important;
  }

  /* 第七屏 联系我们 */
  .innovation-centre-home-seven .bg-image {
    height: 70vh;
  }

  /* 科技中心课程 */
  #courses .courses-one .bg-image {
    height: 58vh;
    /* height: calc(58vh - 0px); */
    /* height: calc(var(--vh) * 58 - 50px); */
  }

  #courses .courses-two .bg-image {
    height: 50vh;
  }

  .courses-one .ones {
    margin-left: 0;
  }

  .courses-one .ones-top {
    margin-left: 0 !important;
  }

  .courses-one .twos {
    margin-left: 0;
  }

  .courses-one .twos-top {
    margin-left: 0 !important;
  }
}

/* 爱莎科技中心设备 */
/* [class*=" imghvr-"],
[class^=imghvr-] {
  background-color: rgba(255, 255, 255, 0) !important;

}

[class*=" imghvr-"] figcaption,
[class^=imghvr-] figcaption {
  background: rgba(255, 255, 255, 0) !important;
  border-radius: 30px 30px 0px 0px;
  color: #d3ac85 !important;
}


[class*=" imghvr-reveal-"]:before,
[class^=imghvr-reveal-]:before {
  background: rgba(255, 255, 255, 0.88) !important;
  border-radius: 30px 30px 0px 0px;
  border-bottom: 5px solid #d3ac85 !important;

} */
/* 爱莎科技中心设备 */