@media (min-width:1100px) {
 
}
@media (max-width:1200px) {
    #container{
        width: 100%;
    }
  
}

@media (max-width:1350px) {
   
}




@media (max-width:1200px) {
 
    .contai{
        width: 996px;
    }
    ul.new-year-list li .list-left img {
        height: 240px;
        width: 340px;
        object-fit: cover;
    }
    ul.new-year-list li .list-right{
        width: calc(100% - 360px);
        min-height: 240px;
        padding: 15px;
    }
    .list-detail p{
        font-size: 18px;
        -webkit-line-clamp: 2;
    }
    ul.new-year-list li h4.title img,
    ul.new-year-list li .list-detail p img{
        width: 22px;
    }
    ul.new-year-list li h4.title{
        font-size: 20px;
    }
    .service-guide-list{
        margin-left: 0px!important;
        margin-right: 0px!important;
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        background: none;
        margin-top: 0px;
    }
    .service-guide-list::before,
    .service-guide-list::after{
        background: none!important;
       
    }
}
@media (max-width:1100px) {
    .contai{
        width: 950px;
    }
}
@media (max-width:996px) {
    .contai{
        width: 100%;
        padding: 0px 15px;
    }
    ul.new-year-list li .list-right{
        width: 100%;
        margin-left: 0px;
    }
    ul.new-year-list li .list-left{
        width: 100%;
    }
    ul.new-year-list li .list-left img {
        height: auto;
        width: auto;
        object-fit: cover;
    }
    .service-guide-list{
        width: 100%;
    }
}

@media (max-width:767px) {
  
    .header-menu{
     
        width: 100%;
        height: auto;
      
        z-index: 9;
        overflow: hidden;
    }
    .header-menu-list{
    
display: flex;
    
padding-top: 20px;
    
margin: 0px -10px;
    
flex-wrap: wrap;
    }
    .header-menu-list li {
       
flex: auto;
       
width: 50%;
       
float: left;
       
padding: 0px 10px;
    }
    .header-menu-list li a{
      
font-size: 16px;
      
padding: 3px 10px;
      
min-height: 64px;
      
display: flex;
      
align-items: center;
      
justify-content: center;
    }
    .header-menu{
     
    }
    .newyear-banner-text p{
        font-size: 18px;
    }
    .newyear-banner-text{
        padding: 15px 0px;
    }
    ul.new-year-list li h4.title{
        font-size: 18px;
    }
    .list-detail p{
        font-size: 16px;
    }
    .top-news-content .top-news-right .top-news-right-list li{
        width: 100%;
    }
    .top-news-content .top-news-left .owl-carousel .owl-item img,
    .top-news-content .top-news-right .top-news-right-list li a img{
        height: 230px;
    }
    .tabs-list {
        margin: 10px -7px 10px;
    }
    .tabs-list li span{
        font-size: 16px;
    }
    .tabs-list li{
        width: 33.33%;
        padding: 7px;
    }
    .public-title img{
        height: 35px;

    }
    .service-guide-list li a>img{
        width: 100%;
        height: auto;
        float: none;
    }
    .service-guide-list li a p {
        width: 100%;
        padding-left: 3px;
        float: none;
        margin-top: 10px;
        font-size: 16px;
    }
    .service-guide-list li a{
        display: block;
        background-color: rgb(255 255 255 / 50%);
    }
    .public-title {
        padding-bottom: 0px;
    }
    .top-news{
        background-size: 100% auto;
        padding: 20px 0px 20px;
        background-color: #a2dbf3
    }
    .top-news-content .top-news-left .owl-item>.item>a>.title{
        font-size: 18px;
    }
    .top-news-content {
        background: none;
        padding: 0px;
    }
    .top-news-content .top-news-left {
        margin-bottom: 15px;
    }
    .top-news-content .top-news-left .owl-item>.item>a>p{
        font-size: 14px;
    }
    .top-news-content .top-news-right .top-news-right-list li a p{
        height: auto;
        font-size: 14px;
        background-color: rgba(255, 255, 255, 0.5);
        padding: 10px 15px;
        -webkit-line-clamp: initial;
        margin-bottom: 15px!important;
    }
    .patient-storice{
        padding: 20px 0px;
    }
    .service-guide{
        padding: 20px 0px; 
    }
    .find-laspital{
        padding: 20px 0px;
    }
    .patient-storice  .public-title img{
        height: 44px;
    }
    .div-more{
        margin-top: 15px;
    }
}
@media (max-width:380px) {
    .header-menu-list li a{
        font-size: 15px;
    }
}