.banner {
  margin-top: 85px;
  /* width: 100%; */
  width: 100vw;

  /* 宽度占满屏幕 */
  background-size: 100% 100%;
  /* 背景图片缩放以适应容器 */
  background-position: top;
  /* 背景图片居中显示 */
  background-repeat: no-repeat;
  /* 背景图片不重复 */
  display: block;

  /* 块级显示 */
  object-fit: cover;


}

/* 媒体查询，针对不同屏幕尺寸使用不同的背景图片 */
@media (min-width: 769px) {
  .banner {
    background-image: url('https://cdn.meeting666.com/utool/isbplm2024/6h2oy51h37banner.jpg');
    /* 你的PC端banner图片地址 */
    height: 50vh;
  }
}

@media (max-width: 768px) {
  .banner {
    background-image: url('https://cdn.meeting666.com/utool/isbplm2024/ax3ze4esrabanner_mm.jpg');
    /* 你的移动端banner图片地址 */
    height: 35vh;
    margin-top: 100px;
  }
}








/* 当屏幕宽度小于768px时（通常认为这是移动端的宽度） */
@media (max-width: 767px) {

  .container {
    padding: 10px;
  }


}







/* PC样式 */
@media screen and (min-width: 1024px) {
  .navbar {
    min-height: 5rem;
  }
}

/* 图片缩放效果 */
.parent {
  /* width: 300px;
  height: 300px; */
  overflow: hidden;
}

.my-image {
  /* 初始大小 */
  /* width: 200px;
  height: 200px; */
  transition: transform 0.3s ease;
}

.parent:hover .my-image {
  /* 悬停时放大 */
  transform: scale(1.3);
}

.my-element {
  /* 初始颜色 */
  background-color: hsl(348, 100%, 61%);

  transition: background-color 0.3s ease;
}

.my-element:hover {
  /* 悬停时的颜色 */
  background-color: hsl(171, 100%, 41%);

}

.panel.is-link .panel-heading {
  background-color: #485fc7;
  color: #fff;
}

.content blockquote:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content p:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child),
.content ul:not(:last-child) {
  margin-bottom: 0em;
}

p {
  font-size: 16px;
  line-height: 30px;
  margin: 0 !important;
}


.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 128px;
  /* Adjusted for the new image size */
}

.image-animate {
  transition: transform 0.3s ease;
  /* Animation effect */
}

.image-animate:hover {
  transform: scale(1.1);
  /* Increase the size of the image */
}

.image.is-200x200 {
  width: 128px;
  height: 128px;
}

.mycard {
  background-color: #fff;
  border-radius: .25rem;
  /* box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02); */
  color: #4a4a4a;
  max-width: 100%;
  position: relative;
}


.panel-icon {
  display: inline-block;
  font-size: 25px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  /* width: 1em; */
  color: #7a7a7a;
  /* margin-right: 1em; */
}

.mybackground {
  background-color: #0442e1;

}

.panel.is-link .panel-heading {
  background-color: #0442e1;
  color: #fff;
}