﻿.boot_main {
 width: 100%;
 height: 100vh;
 background-image: url(/Sites/Uploaded/UserUpLoad/20250722/20250722110054.jpg);
 background-size: 100% 100%;
 background-position: center bottom;
 background-repeat: no-repeat;
 overflow: hidden;
}

.boot_main_inner {
 width: 52.6vw;
 margin: 3.23vw auto;
}

.boot_main_inner_logo {
 margin-bottom: 5.83vw;
 width: 100%;
}

.boot_main_inner_logo img {
 width: 100%;
}

.boot_main_inner_menu {
 padding: 0 1.4vw;
 display: flex;
 justify-content: space-between;
}

.boot_main_left {
 width: 17.08vw;
 height: 29.27vw;
 background: rgb(19 59 141 / 60%);
 padding: 0 0.3vw;
 box-sizing: border-box;
 border-radius: 1.04vw;
 position: relative;
}

.boot_main_left ul {
 /* height: 100%; */
 /* background: url(/Content/Areas/Hospitals/images/Boot/bg_3.png) no-repeat; */
 background-size: 100% 100%;
 /* padding: 2.03vw 1.6vw; */
 box-sizing: border-box;
 display: flex;
 justify-content: space-between;
 align-items: center;
 flex-wrap: wrap;
 padding: 0 0.6vw;
}

.boot_main_left ul li.w-100 {
 width: 100%;
}

.boot_main_left ul li {
 height: 4.23vw;
 background: rgba(255, 255, 255, 0.15);
 border-radius: 0.63vw;
 margin-bottom: 0.72vw;
 width: 4.53vw;
 transition: all 0.2s;
}

.boot_main_left ul li:hover {
 background: #467EF1;
}

.boot_main_left ul li a {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 100%;
 font-size: 16px;
 color: #fff;
 flex-direction: column;
}

.boot_main_left ul li:nth-child(4) a img {
 width: 2.15vw;
 margin-bottom: 0.1vw;
}

.boot_main_left ul li:nth-child(5) a img {
 width: 2.08vw;
 margin-bottom: 0.1vw;
}

.boot_main_left ul li:nth-child(6) a img {
 width: 1.91vw;
 margin-bottom: 0.1vw;
}

.boot_main_left ul li.w-100 a {
 flex-direction: row;
 font-size: 18px;
}

.boot_main_left ul li.w-100 a img {
 margin: 0 0.3vw 0 0;
 width: 2.19vw;
}

.boot_right_top.boot_right_item,
.boot_right_bottom.boot_right_item {
 width: 29.6vw;
 height: 13.5vw;
 margin-bottom: 2.19vw;
 background-color: rgba(19, 59, 141, 0.7);
 border-radius: 1.04vw;
 transition: all 0.2s;
 background-position: 8vw bottom;
}

.boot_right_top.boot_right_item>a,
.boot_right_bottom.boot_right_item>a {
 width: 100%;
 height: 100%;
 color: #fff;
 font-size: 1.56vw;
 padding: 0.78vw;
 box-sizing: border-box;
 display: block;
}

.boot_right_top.boot_right_item>a img,
.boot_right_bottom.boot_right_item>a img {
 width: 2.16vw;
 margin-right: 0.94vw;
}

.border1,
.border2 {
 width: 100%;
 height: 100%;
 box-sizing: border-box;
 border-radius: 0.73vw;
}

.border2 {
 display: flex;
 align-items: center;
 justify-content: center;
 border: 0.1vw solid rgba(255, 255, 255, 0.2);
}

.border1 {
 border: 0.1vw solid rgba(255, 255, 255, 0.5);
 padding: 0.94vw;
}

.boot_right_top.boot_right_item:hover,
.boot_right_bottom.boot_right_item:hover {
 background: #467EF1 url(/Content/Areas/Hospitals/images/Boot/bg_5.png) no-repeat;
 background-size: 21.94vw 11.25vw;
 background-position: right bottom;
}

.boot_right_top.boot_right_item:hover .border1,
.boot_right_top.boot_right_item:hover .border2,
.boot_right_bottom.boot_right_item:hover .border1,
.boot_right_bottom.boot_right_item:hover .border2 {
 border: none;
}

.boot_right_bottom.boot_right_item {
 /* background: #467EF1;
  width: 27.6vw;
  height: 12.59vw;
  border-radius: 1.04vw;
  overflow: hidden; */
 margin-bottom: 0;
}

.boot_bottom {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 display: none;
}

.left_toplogo{
 margin-top: -0.7vw;
 margin-bottom: 0.2vw;
 position: relative;
}
.left_toplogo img{
 width: 100%;
}
.position_radius{
 position: absolute;
 width: 5.48vw;
 height: 5.48vw;
 top: 0;
 left: 50%;
 transform: translate(-50%, -1.5vw);
 background: linear-gradient(to bottom, rgb(19 59 141 / 60%) 0%, rgb(19 59 141 / 60%) calc(1.5vw), transparent calc(1.5vw), transparent 100%);
 border-radius: 5.48vw;
}
@media only screen and (max-width: 1440px) {
 .boot_main_left{
 width: 19.8vw;
 }
 .boot_main_left ul li.w-100 a{
 font-size: 14px;
 }
 .boot_main_left ul li a{
 font-size: 13px;
 }
}
@media only screen and (max-width: 768px) {
 .boot_main {
 background-color: #446CBF;
 /* background-image: url(/Content/Areas/Hospitals/images/Boot/boo_bg.png); */
 background-size: cover;
 }

 .boot_bottom {
 display: block;
 }

 .boot_main_inner {
 width: 100%;
 margin: 0;
 padding: 20px;
 box-sizing: border-box;
 }

 .boot_main_left {
 width: 80%;
 padding: 10px;
 margin: 0 auto;
 border-radius: 10px;
 margin-bottom: 15px;
 height: auto;
 }

 .boot_main_inner_menu {
 display: block;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 }

 .boot_main_left ul li.w-100 {
 width: 100%;
 margin-bottom: 10px;
 border-radius: 5px;
 height: 50px;
 padding: 0;
 }

 .boot_main_left ul li.w-100 a {
 font-size: 14px;
 /* height: 50px; */
 }

 .boot_main_left ul li.w-100 a img {
 width: 25px;
 margin-right: 10px;
 }

 .boot_main_left ul {
 padding: 18px;
 display: none;
 }

 .boot_main_left ul li a {
 font-size: 14px;
 }

 .boot_main_left ul li:nth-child(4) a img {
 width: 25px;
 margin-bottom: 8px;
 }

 .boot_main_left ul li:nth-child(5) a img {
 width: 25px;
 margin-bottom: 8px;
 }

 .boot_main_left ul li:nth-child(6) a img {
 width: 25px;
 margin-bottom: 8px;
 }
 .boot_main_left ul li{
 height: auto;
 width: auto;
 padding: 6px;
 border-radius: 5px;
 }
 .boot_right_top.boot_right_item>a, .boot_right_bottom.boot_right_item>a{
 padding: 15px;
 }
 .boot_right_top.boot_right_item, .boot_right_bottom.boot_right_item{
 width: 80%;
 height: auto;
 margin: 0 auto;
 margin-bottom: 15px;
 border-radius: 10px;
 }
 .border1, .border2{
 padding: 15px;
  
 }
 .boot_right_top.boot_right_item>a img, .boot_right_bottom.boot_right_item>a img{
 width: 25px;
 margin-right: 10px;
 }
 .boot_right_top.boot_right_item>a, .boot_right_bottom.boot_right_item>a{
 font-size: 14px;
 }
}

/* .boot_right_bottom.boot_right_item>a {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 1.56vw;
  padding: 0.78vw;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(/Content/Areas/Hospitals/images/Boot/bg_5.png) no-repeat right bottom;
  background-size: 21.94vw 11.25vw;
}

.boot_right_bottom.boot_right_item>a img {
  width: 2.16vw;
  margin-right: 0.94vw;
} */   