@import url(../../../../assets/font/iconfont.css);

body {
    /* font-family: auto; */
    font-family: arial;
}

.iconfont {
    font-size: inherit;
    line-height: 1;
    -webkit-text-stroke-width: 0;
}

a:focus,
a:hover {
    text-decoration: none !important;
}

a {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    outline: none;
    color: #21252b;
}

a:hover {
    text-decoration: none;
    color: #000;
}


button,
input {
    outline: none !important;
}

::-moz-placeholder {
    color: #ccc;
}

::-webkit-input-placeholder {
    color: #ccc;
}

:-ms-input-placeholder {
    color: #ccc !important;
}

.clearfix:before,
.clearfix:after,
.wrapper:after,
.wrapper:before {
    content: "";
    display: table;
}

.clearfix:after,
.wrapper:after {
    clear: both;
    overflow: hidden;
}

.clearfix,
.wrapper {
    zoom: 1;
}

.btn-primary {
    background: #165a95;
}

ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
    padding: 0;
    margin: 0;
}

body {
    font-size: 14px !important;
    color: #000;
    background-color: #fff;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

.uli14 li,
.nowrapli li {
    list-style: inside;
}

ul.nowrapli.uli16 li a {
    padding-left: 8px;
}

img {
    max-width: 100%;
}

.contai {
    width: 1200px;
    margin: 0px auto;
}

.header-menu {

    background-color: #0b7ebd;
}

.header-menu-list {

    display: flex;
}

.header-menu-list li {

    flex: auto;
}

.header-menu-list li a {
    font-size: 24px;
    color: #fff;
    display: block;
    text-align: center;
    padding: 20px 0px;
    text-transform: uppercase;
    font-weight: 500;
}

.header-menu-list li a:hover {
    color: #fff !important;
}

.header-menu-list li.active {}

.header-menu-list li.active a {

    background-color: #06689e;
    position: relative;
}

.header-menu-list li.active a::before {
    content: '';
    width: 100%;
    height: 5px;
    background-color: #033c5b;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.top-news {
    background: url(../img/bg1.png) no-repeat;
    background-size: 100% 100%;
    padding: 20px 0px 20px;
}

.top-news-content {

    background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), transparent);

    padding: 20px;
}

.top-news-content .top-news-left {}

.top-news-content .top-news-left .animate-slider1 {}

.top-news-content .top-news-left .animate-slider1 {}

.top-news-content .top-news-left .owl-carousel .owl-item img {

    height: 390px;

    object-fit: cover;
}

.top-news-content .top-news-left .owl-item>.item>a>.title {

    position: static;

    background: none;

    font-size: 24px;

    color: #1c1c1c;

    padding: 10px 0px;
}

.top-news-content .top-news-left .owl-item>.item>a>p {
    font-size: 16px;
    color: #1c1c1c;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    display: -webkit-box;
    margin-bottom: 0px;
}

.top-news-content .top-news-left .Slider-one .owl-dots {

    width: 100%;

    bottom: auto;

    top: 360px;

    text-align: center;
}

.top-news-content .top-news-left .Slider-one .owl-dots .owl-dot {

    background: none;

    border: none;

    padding: 0px 3px;

    width: 15%;
}

.top-news-content .top-news-left .Slider-one .owl-dots .owl-dot span {

    width: 100%;

    height: 3px;

    background-color: #fff;

    margin: 0px;
}

.top-news-content .top-news-left .owl-dots .owl-dot.active span,
.top-news-content .top-news-left .owl-dots .owl-dot:hover span {
    background-color: rgba(0, 0, 0, 0.7);
}

.top-news-content .top-news-right {}

.top-news-content .top-news-right .top-news-right-list {

    margin: 0px -10px;
}

.top-news-content .top-news-right .top-news-right-list li {

    width: 50%;

    float: left;

    padding: 0px 10px;
}

.top-news-content .top-news-right .top-news-right-list li a {}

.top-news-content .top-news-right .top-news-right-list li a img {

    height: 191.4px;

    object-fit: cover;
}

.top-news-content .top-news-right .top-news-right-list li a p {

    height: 53px;

    font-size: 18px;

    color: #1c1c1c;

    margin-bottom: 15px;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    display: -webkit-box;
}

.patient-storice {
    padding: 60px 0px;
    background: url(../img/bg2.png) no-repeat;
    background-size: 100% auto;
    background-color: #d0effe;
}

.public-title {

    padding-bottom: 30px;
}

.public-title img {
    height: 70px;
    width: auto;
    display: block;
    margin: 0px auto;

}

.service-guide {
    background: url(../img/bg3.png) no-repeat;
    background-size: 100% 100%;
    padding: 60px 0px;
}

.service-guide-list {

width: 40%;

padding: 0px;

position: relative;

z-index: 1;

margin-top: 70px;
}
.service-guide-list::before{
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3), transparent);
    border-radius: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.service-guide .service-guide-list:nth-child(1){
    margin-right: 10%;
} 
.service-guide .service-guide-list:nth-child(1)::after{
    content: '';
    width: 40%;
    height: 100%;
    position: absolute;
    background: linear-gradient(180deg, #1986c1  80%, transparent);
    top: -25px;
    right: -20%;
    border-radius: 15px;
    z-index: 0;
}
.service-guide .service-guide-list:nth-child(2)::after{
    content: '';
    width: 30%;
    height: 105%;
    position: absolute;
    background: linear-gradient(180deg, #1986c1  80%, transparent);
    top: -50px;
    left: -20%;
    border-radius: 15px;
    z-index: 0;
}
.service-guide .service-guide-list:nth-child(2){
    margin-left: 10%;
} 
.service-guide-list li {

margin: 20px 0px 0px;

position: relative;

z-index: 1;
}

.service-guide-list li a {

    background-color: #fff;

    padding: 15px;

    display: block;

    border-radius: 10px;

    display: flex;

    align-items: center;
}

.service-guide-list li a>img {

width: 195px;

height: 125px;

object-fit: cover;

float: left;

border-radius: 15px;
}

.service-guide-list li a p {

    width: calc(100% - 195px);

    float: left;

    position: relative;

    padding-left: 50px;

    font-size: 20px;

    color: #1b1b1b;

    line-height: 25px;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

    display: -webkit-box;

    margin-bottom: 0px;
}

.service-guide-list li a p img {

    width: 14px;

    margin-left: -30px;

    margin-right: 10px;
}
.service-guide-list li a:hover{
    
background-color: #fd9223;
}

.find-laspital{
    background: url(../img/bg4.png) no-repeat;
    background-size: 100% auto;
    padding: 60px 0px;
}


ul.new-year-list{

    margin-top: 0px;
    }
    ul.new-year-list li{
        
margin-bottom: 30px;
        
position: relative;
        

    }
    ul.new-year-list li .list-left{

float: left;

}
      ul.new-year-list li .list-left img{
        
height: 293px;
        
width: 420px;
        
object-fit: cover;
    }
    ul.new-year-list li .list-right{
        
float: left;
        
width: calc(100% - 440px);
        
margin-left: 20px;
        
padding: 20px  20px;
        
background-color: #f6faff;
        
min-height: 293px;
    }
    ul.new-year-list li a:hover{
        background-color: transparent;
    }
    
    ul.new-year-list li h4.title{
        
font-size: 28px;
        
color: #21252b;
        
margin-top: 0px;
        
position: relative;
        
padding-left: 0px;
        
margin-bottom: 20px;
        

    }
    ul.new-year-list li h4.title img{
        width: 26px;
        position: absolute;
        left: 0px;
    }
    ul.new-year-list li a p{
        font-size: 16px;
        color: #1c1c1c;
        margin-bottom: 20px;
    }
    ul.new-year-list li .show-hide{
        
background-color: #3f98d3;
        
color: #fff;
        
font-size: 16px;
        
padding: 3px 10px;
        
border-radius: 13px;
        
margin: 10px 0px 20px 0px;
        
display: block;
        
width: 150px;
        
text-align: center;
        
z-index: 2;
        
float: right;
    }
    ul.new-year-list li .show-hide:hover{
        cursor: pointer;
    }
    .list-detail {position: relative;/* height: 134px; *//* overflow: hidden; */width: 100%;}
    .list-detail::before{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        /* background: linear-gradient(to top, #f6faff 0%, #f6faff 9%, rgba(246, 250 ,255 , 0) 100%); */
        height: 100%;
        width: 100%;
        z-index: 1;
    }
    .list-detail p{
        
font-size: 16px;
        
color: #21252b;
        
position: relative;
        
padding-left: 30px;
        
margin-bottom: 10px;
        
/* overflow: hidden;
        
text-overflow: ellipsis;
        
display: -webkit-box;
        
-webkit-line-clamp: 5;
        
-webkit-box-orient: vertical; */
    }
    
 
    ul.new-year-list li  .list-detail p img{
        width: 22px;
        position: absolute;
        left: 0px;
    }
   

    .new-year-right ul li{
        margin-bottom: 30px;
    }
    .new-year-right ul li a p {
        margin-bottom: 0px;
        font-size: 18px;
        /* font-weight: bold; */
        margin-top: 10px;
        line-height: 1.3;
    }
    .list-detail p:last-child{
        margin-bottom: 0px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tabs-list{

margin: 40px -10px  50px;
}
    .tabs-list li {
        
width: 16.666%;
        
float: left;
        
padding: 10px;
cursor: pointer;
    }
    .tabs-list li span{

background-color: #d7d8d9;

font-size: 24px;

color: #2d2d2d;

display: block;

border-radius: 10px;

text-align: center;

padding: 10px 5px;

}
    .tabs-list li.active span{
        
background-color: #126da5;
        
color: #fff;
    }
    .tabcon .tabpane{
        display: none;
    }
    .tabcon .tabpane.active{
        display: block;
    }
    .patient-storice  .public-title img{
        height: 90px;
    }
    .div-more{

float: right;

margin-top: 30px;
}
    .div-more img{
        height: 30px;
        width: auto;
    }
    .top-news  .div-more{
        margin-top: 15px;
    }
    .top-news-content .top-news-right .top-news-right-list li:nth-child(3) a p ,
    .top-news-content .top-news-right .top-news-right-list li:nth-child(4) a p{
        margin-bottom: 0px;
    }
.header-tar {
    background-color: #0056a8;
}
.header-tar img {
    width: auto;
    height: 40px;
    padding: 5px 0px;
}