.container {
   width: 100%;
   margin: 12px auto;
}
.slideInUp {
   width: 100%;
   height: 120px;
}
.Head_theme {
   display: flex;
   width: 100%;
   height: 100%;
}
.Head_theme li {
   width: 100%;
   margin: 0px 10px;
   border-radius: 5px;
   box-shadow: 0px 2px 5px #7765;
   cursor: pointer;
}
.Head_theme_border {
   border: 1px solid #999;
}
.Head_themeLis {
   display: grid;
   grid-template-columns: 25% 75%;
   grid-template-rows: 100%;
}
.Head_themeImg {
   display: flex;
   align-items: center;
   justify-content: center;
   align-content: center;
   flex-wrap: nowrap;
   transform: scale(1.3);
}
.Head_themeSize {
   display: grid;
   grid-template-columns: 100%;
   grid-template-rows: 30% 70%;
   padding: 0px 5px;
   line-height: 22px;
}
.box_size span {
   font-size: 12px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   line-clamp: 2;
   -webkit-box-orient: vertical;
   height: 82%;
}
.Head_themeSize h1 {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   align-content: center;
   flex-wrap: nowrap;
   font-weight: 700;
   font-size: 18px;
}
.WeChat_size {
   width: 100%;
   height: 36px;
   text-align: center;
   line-height: 36px;
   font-weight: 650;
   font-size: 24px;
   margin: 10px 0px;
}
.Correspondence {
   width: 100%;
   height: 300px;
   padding: 0px 10px;
   display: grid;
   grid-template-columns: 33% 64%;
   grid-template-rows: 100%;
   justify-content: space-between;
}
.actives {
   background: linear-gradient(180deg, #4ca1af, #c4e0e5);
   color: #000;
   position: absolute;
   width: 101px;
   height: 50px;
   right: 520px;
}
.heading {
   background: linear-gradient(180deg, #505050, #1e1e1e);
   border-radius: 5px;
   padding: 10px 0px;
}
.headingUl,
.headingUl_1,
.headingUl_2,
.headingUl_3,
.headingUl_4 {
   height: 100%;
   display: grid;
   align-items: center;
   justify-items: center;
   align-content: center;
   position: relative;
}
.headingUl li,
.headingUl_1 li,
.headingUl_2 li,
.headingUl_3 li,
.headingUl_4 li {
   font-size: 17px;
   color: white;
   font-weight: 650;
   cursor: pointer;
   width: 90%;
   height: 80%;
   display: flex;
   justify-content: center;
   align-items: center;
   align-content: center;
   flex-wrap: nowrap;
   margin: auto;
   border-radius: 3px;
}
.on-mouseenter:before {
   content: "";
   position: absolute;
   left: 101%;
   width: 0;
   height: 0;
   border-width: 30px;
   border-style: solid;
   border-color: transparent transparent transparent #777;
}
.on-mouseenter {
   background: #313131;
}
.on-mouseenters:before {
   content: "";
   position: absolute;
   left: 101%;
   width: 0;
   height: 0;
   border-width: 20px;
   border-style: solid;
   border-color: transparent transparent transparent #777;
}
.on-mouseenters {
   background: #313131;
}
.headingUl li:hover,
.headingUl_1 li:hover,
.headingUl_2 li:hover,
.headingUl_3 li:hover,
.headingUl_4 li:hover {
   background: #313131;
}
.caseHistorys,
.thePublic,
.bloodTransfusion,
.CloudMedical,
.caseHistory {
   position: relative;
   height: 100%;
   overflow: hidden;
}
.introduce {
   background: linear-gradient(180deg, #3c4046, #1c1f25);
   border-radius: 5px;
   padding: 2%;
   display: grid;
   grid-template-columns: 40% 60%;
   grid-template-rows: 100%;
   height: 100%;
}
.introducees {
   background: linear-gradient(180deg, #3c4046, #1c1f25);
   border-radius: 5px;
   padding: 2%;
   display: grid;
   grid-template-columns: 100%;
   grid-template-rows: 100%;
   height: 100%;
}
.introduce_writing {
   display: grid;
   grid-template-columns: 100%;
   grid-template-rows: 20% 80%;
   color: white;
   padding: 10px 25px;
}
.introduce_writing h1 {
   font-weight: 700;
   font-size: 18px;
}
.introduce_writing .introduce_suggest {
   font-size: 14px;
   line-height: 22px;
}
.introduce_picture img {
   /* width: 100%;
   height: 100%; */
   overflow: hidden;
   border-radius: 2px;
}
.links {
   width: 99%;
   height: 60px;
   border-bottom: 1px solid #777777;
   margin: 10px 10px;
   border-radius: 2px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   align-content: center;
   flex-wrap: nowrap;
}
.links h1 {
   font-size: 18px;
   font-weight: 750;
   margin-right: 10px;
}
.links a {
   margin-right: 10px;
   font-size: 16px;
   color: #1d7c92;
}
.carousel-inner {
   height: 390px;
}
@media screen and (max-width: 768px) {
   .navbar-Carousel {
      display: none;
   }
   .Head_theme {
      flex-direction: column;
   }
   #blood_transfusion {
      display: none;
   }
   .Head_theme li {
      width: 100%;
      margin: 5px 10px;
      border-radius: 5px;
      box-shadow: 0px 2px 5px #7765;
      cursor: pointer;
   }
   #source {
      display: none;
   }
   .slideInUp {
      background-color: transparent;
   }
   .footer {
      position: relative;
      bottom: -360px;
      width: 100%;
      background: #222;
   }
   .footer .centers {
      display: grid;
      grid-template-columns: 100%;
      height: 135px;
      font-size: 0.15rem;
   }
   .footer .centers .property_right {
      display: grid;
      grid-template-rows: 25% 25% 50%;
   }
   .property_right3-size {
      padding: 0px;
   }
   .keep_on_record {
      display: none;
   }
   #back-to-top {
      width: 60px;
      height: 60px;
      right: -15px;
      bottom: 100px;
   }
   #source {
      width: 60px;
      height: 60px;
      right: -15px;
      bottom: 160px;
   }
   .links {
      position: relative;
      top: 375px;
      width: 99%;
      height: 100px;
      border-bottom: 1px solid #777777;
      margin: 10px 10px;
      border-radius: 2px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
   }
   .links a {
      display: block;
      margin: 5px;
   }
   .carousel-inner {
      height: 100%;
   }
   .hovers{
      background-color: #fff;
   }
   .box_size span {
      font-size: 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
      height: 82%;
   }
   .Head_themeLis {
      height: 85px;
   }
}