.hospiup_index{width:100%;}

.index_content{width:100%;height:100vh;}
.index_content ul{width:100%;height:100%;display:flex;justify-content:space-between;}
.index_content ul li{background:#fff;padding:100px;overflow:hidden;width:50%;height:100%;position:relative;}
.index_content ul li:last-child{background:#eef8fa;}
.index_content ul li a{display:block;}
.index_content ul li h2{font-size:42px;}
.index_content ul li h2 strong{background: #cbcbcb;font-size: 17px;color: #fff;font-weight: 600;padding: 3px 12px;border-radius: 100px;position: relative;top: -3px;margin-left: 7px;}
.index_content ul li p{margin-top:17px;color:#555;font-size:16px;}
.index_content ul li .content_icon{height:300px;position:absolute;bottom:100px;right:100px;}
.index_content ul li:nth-child(1) .content_icon{height:250px;filter:grayscale(10);opacity:0.3;transform:rotate(5deg);}

.index_content ul li:last-child{background:url('../index/images/right_img.jpg')no-repeat;background-size:cover;}
.index_content ul li em{font-style:normal;font-weight:bold;background: #5dcdc4;padding: 20px 40px;border-radius: 100px;font-size: 16px;color: #fff;font-weight: 600;display: flex;align-items: center;width: fit-content; gap: 0 20px; margin-top: 40px;}
.index_content ul li em img{width:8px;filter:invert(1);transition:all .5s;}
.index_content ul li a:hover em img{margin-left:10px;}

.index_link{display:flex;margin-top:50px;gap:0 40px;}
.index_link a{font-size:22px;display:flex !important;font-weight:bold;}
.index_link a img{width:50px;margin-right:13px;display:block;}
.index_link a i{font-style:normal;display:block;font-size:14px;margin-bottom:6px;font-weight:500}

@media screen and (max-width:1600px){
  .index_content ul li h2{font-size:36px;}
  .index_link a{font-size:17px}
  .index_link a img{width:40px;}
}

@media screen and (max-width:768px){
  .index_content{height:auto;}
  .index_content ul{flex-wrap:wrap;}
  .index_content ul li{padding:60px 30px;width:100%;height:auto;}
  .index_content ul li .content_icon{position:relative;right:0;bottom:0;margin-left:auto;height: 130px;display: block;margin-top:60px;}
  .index_content ul li:nth-child(1) .content_icon{height:95px}
  .index_content ul li h2{font-size:22px;}
  .index_content ul li h2 strong{font-size:13px;}
  .index_content ul li p {margin-top: 11px;font-size: 14px;}
  .index_link{flex-direction: column-reverse;flex-wrap:wrap;position:Fixed;bottom:30px;right:20px;z-index:9999;gap:0;}
  .index_link a{margin-bottom:10px;width:100%;display:block !Important;}
  .index_link div{display:none;}
  .index_link a img{margin-right:0;}
  .index_content ul li em {padding: 14px 18px;font-size: 13px;margin-top: 21px;}
  .index_content ul li em img {width: 6px;}
}