:root {
  box-sizing: border-box;
}

*,
::before,
::after {
  box-sizing: inherit;
}

.custom-logo {  
  width: calc(100% / 4); /* 假设行宽是100%，这里是将其设置为行宽的4分之一 */  
  height: auto; /* 保持图像比例 */  
}


@media (max-width: 768px) {
  /* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .custom-logo {  
    width: calc(100% / 2); /* 假设行宽是100%，这里是将其设置为行宽的4分之一 */  
    height: auto; /* 保持图像比例 */  
  }
}

@media (max-width: 768px) {
  .carousel-caption,
  .footer-logo-text,
  .product-description-text,
  .footer-navbar-product,
  .footer-navbar-cooperate,
  .footer-navbar-service
   {
    display: none;
  }
}

/* 设置标题字号 */
body div .row div .nav li a{
  font-size: 1.2rem;
  font-weight: bold; /* 加粗 */
  color:black; 
}

@media (max-width: 768px) {
  body div .row div .nav li a{
    font-size: 0.5rem;
    font-weight: bold; /* 加粗 */
    color:black; 
  }
}

body div .row div .nav li a:hover::before {
  opacity: 1;
  transform: scaleX(1);
}


body div .row div .nav li a.active::before {
  opacity: 1;
  transform: scaleX(1);
}

p {  
  line-height: 1.5; /* 或者是具体的像素值、em、rem等 */  
}

/* 导航栏被激活时导航栏样式 */
body div .row div .nav li a.active {
  color: #007BFF;
  font-weight: bold;
}

/* 鼠标放在导航栏上时样式 */
body div .row div .nav li a:hover {
  color: #007BFF;
  font-weight: bold;
}

.carousel-caption {
  position: absolute;
  top: 30%;
  transform: translateX(80%);
  cursor: pointer;
}

.carousel-caption-pic2{
  position: absolute;
  top: 20%;
  transform: translateX(50%);
  cursor: pointer;
}

.service-support-area {  
  /* 设置背景图片 */  
  background-image: url('../img/bg-service.jpg');  
  /* 确保背景图片覆盖整个容器 */  
  background-size: cover;  
  /* 背景图片不重复 */  
  background-repeat: no-repeat;  
  height: 100vh; 
  /* 容器的高度，根据需要设置 */  
  align-items: center; /* 垂直居中 */
  justify-content: center; 
  display: flex;  
  flex-direction: column; /* 设置为列方向以更清晰地看到文本换行 */
}


@media (max-width: 767.98px) {
  .service-support-area {
    /* 覆盖背景图片，设置背景色 */
    background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
    /* 可以设置任何颜色，这里使用灰色为例 */
    background-color: #cccccc;
  }
}

.contact-area {
  /* 设置背景图片 */  
  background-image: url('../img/bg-contact.jpg');  
  /* 确保背景图片覆盖整个容器 */  
  background-size: cover;  
  /* 背景图片不重复 */  
  background-repeat: no-repeat;  
  height: 100vh;
}

.contract-us{
  font-size: 2rem;   /*设置文字大小*/
  color:#cacace;  /*设置文字颜色*/
  text-shadow: 0 0.5rem 0.8rem #a3a3a5;  /*设置文字阴影*/                  
  font-weight: bolder;  /*设置文字宽度*/                              
  text-align: center;  /*设置文字居中*/                              

}