.header_box {
   width: 100%;
   background-color: white;
}

.header_box .header_top {
   background-color: #eee;
   width: 100%;
   height: 50px;
}

.header_box .header_top .top_text {
   width: 1300px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: 18px;
   line-height: 50px;
}

.header_box .header_top .top_text .text_r {
   color: #999;
}

.header_box .logo_information {
   width: 100%;
   height: 129px;
   background-color: white;
}

.header_box .logo_information .items_box {
   width: 1300px;
   margin: 0 auto;
   padding: 24px 0;
   display: flex;
   justify-content: space-between;
}

.header_box .logo_information .items_box .items_l {
   width: 450px;
   height: 82px;
   border-right: 1px solid #cc207315;
}

.header_box .logo_information .items_box .items_l img {
   width: 100%;
   height: 100%;
   padding: 0 26px 0 0;
}

.header_box .logo_information .items_box .items_ll {
   display: flex;
   flex-direction: column;
   justify-content: space-around;
}

.header_box .logo_information .items_box .items_ll .hospital {
   font-size: 22px;
   font-weight: normal;
   color: #cc2074;
}

.header_box .logo_information .items_box .items_ll .zhouchongying {
   font-size: 18px;
   color: #cc2074;
}

.header_box .logo_information .items_box .phone {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.header_box .logo_information .items_box .phone .phone_r {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding-left: 10px;
}

.header_box .logo_information .items_box .phone .phone_r .twenty_four_hours {
   font-size: 18px;
   color: #cc2074;
}

.header_box .logo_information .items_box .phone .phone_r .phone_number {
   font-size: 22px;
   font-weight: 700;
   color: #cc2074;
}

.header_box .logo_information .items_box .sarch {
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
}

/* .header_box .logo_information .items_box .sarch:hover .sarch_show {
  display: flex !important;
} */

.header_box .logo_information .items_box .phone .but {
   width: 58px;
   height: 58px;
   background-color: #f2f2f2;
   border: none;
   cursor: pointer;
}

.header_box .logo_information .items_box .phone .but img {
   width: 100%;
   height: 100%;
}

.header_box .logo_information .items_box .sarch .sarch_show {
   width: 340px;
   height: 50px;
   display: flex;
   justify-content: space-between;
   /* position: absolute;
   right: 0px;
   top: 15px; */
}

.header_box .logo_information .items_box .sarch .sarch_show input {
   width: 280px;
   border-radius: 6px 0 0 6px;
   border: 1px solid #eee;
   outline: 0;
   padding: 0 0 0 14px;
   font-size: 16px;
}

.header_box .logo_information .items_box .sarch .sarch_show .search_btn {
   width: 80px;
   background-color: #cc2074;
   text-align: center;
   font-size: 18px;
   color: #fff;
   border: 0;
   cursor: pointer;
}

.header_box .nav {
   width: 100%;
   height: 70px;
   background-color: #cc2074;
}

.header_box .nav .nav-one {
   width: 1300px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
   line-height: 70px;
}

.header_box .nav .nav-one li {
   position: relative;
}

.header_box .nav .nav-one li:hover .menu {
   display: block;
   animation-direction: alternate;
}

.header_box .nav .nav-one li a {
   font-size: 20px;
   color: #fff;
   font-weight: 500;
}

.header_box .nav .nav-one li a:active {
   font-weight: 600;
}

@keyframes fade {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

.header_box .nav .nav-one li .menu {
   width: 220px;
   position: absolute;
   top: 70px;
   left: -70px;
   display: none;
   background-color: #cc2074;
   z-index: 999999;
   text-align: center;
   line-height: 42px;
   border-top: 1px solid #ff7cbc;
   animation: fade 0.5s ease-in-out;
}

.header_box .nav .nav-one li .menu li {
   margin-top: 10px;
   margin-bottom: 10px;
}

.header_box .banner {
   width: 100%;
   height: 450px;
   background-image: url(../images/headbg.png);
   background-repeat: no-repeat;
   background-size: 100%;
   position: relative;
   background-position: 0px -30px;
}

.header_box .banner .mask {
   position: absolute;
   top: 390px;
   bottom: 0;
   width: 100%;
   height: 60px;
   background: linear-gradient(#fbcbcf00, #fff);
   z-index: 999;
}

.header_box .banner .news-left {
   width: 100%;
   height: 100%;
}

.header_box .banner .news-left .swiper {
   width: 100%;
   height: 100%;
}

.header_box .banner .news-left .swiper-slide {
   position: relative;
   text-align: center;
   font-size: 18px;
   background: #ff85c2;
   /* Center slide text vertically */
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
}

.header_box .banner .news-left .swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.header_box .banner .news-left .swiper-pagination {
   width: 100%;
   height: 40px;
   text-align: center;
   padding: 10px 0;
   position: absolute;
   bottom: 50px;
   z-index: 999;
}

.header_box .banner .news-left .swiper-pagination .swiper-pagination-bullet {
   width: 18px;
   height: 18px;
   background: transparent;
   border: 2px solid #fff;
   opacity: 1;
}

.header_box .banner .news-left .swiper-pagination .swiper-pagination-bullet-active {
   background-color: #cc2074;
}

.header_box .serveguide_box {
   z-index: 999999;
   position: absolute;
   top: 680px;
   bottom: 0px;
   width: 100%;
   height: 120px;
   padding: 12px 0;
   background-color: rgba(255, 255, 255, 0.5);
}