/* 首页PC手机通用样式 */
/*.banner_home { background: url(../images/banner22.jpg) no-repeat center center; background-size: cover; }*/
/*.home_news { padding: 60px 0 80px; display: flex; flex-wrap: wrap; justify-content: space-between;}*/

/*首页banner*/
.indexbanner_swiper { position: relative; overflow: hidden; }

.home_news { padding: 80px 0 80px; display: flex; flex-wrap: wrap; justify-content: space-between;}

/*banner上的几大模块*/
.banner_list_bg { width: 100%; }
.banner_list { z-index: 888; position: relative; }
.banner_listli { background: rgba(255,255,255,0.95); border-radius: 10px; padding: 2% 4%; 
                display: flex; align-items: center; flex-direction: column; justify-content: center;}

.banner_listimg { width: 56px; height:56px}
.banner_listtit { font-size: 26px; color: #0187bf; font-weight: bold; margin-top: 10px; text-align: center;}

/* 首页新闻幻灯片 */
.left_hdp .swiper{ overflow: hidden; position: relative; }
.left_hdp .swiper-wrapper { width: 100%; height: 100%;  }   
.left_hdp .swiper-slide { width: 100%; height: auto; }
.lefthdp_cover { width: 100%; height: 100%; position: relative; }
.left_hdp .swiper-pagination-bullet { float: right; opacity: 1; background: rgba(255, 255, 255, .4); }    
.left_hdp .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background: #ffffff; }
.left_hdp .swiper_textwrap { width: 100%; background: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 50%)); position: absolute; bottom: 0px; }
.left_hdp .swiper_text {width: 85%; float: left; color: #fff;  font-size: 18px; line-height: 50px; padding-left: 15px;
                        overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.left_hdp .swiper-pagination { bottom: 20px !important; }


/* 名医专家 */
.homeexptit { margin-bottom: 20px !important;}
.expert { background-size: cover; padding: 60px 0 90px; }
.index_newbg {background: url(../images/bg_index.jpg) no-repeat center center; background-size: cover; }
.expert_hdp .swiper-slide {height: auto; position: relative; }
.expert_hdp {width: 100%; position: relative; }

.homeexp_li { height: 240px; padding: 15px 20px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(80, 80, 80, 0.1); margin-right: 20px; }
.homeexp_li:hover { border: 1px solid #355e87;}
.homeexpimg_cover { width: 100%; height: 180px ; }
.expert_hdp .swiper_text01 { margin-top: 6px; height: 30px; }
.expert_hdp .swiper_text02 { margin: 8px 0 10px; padding: 8px 0; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.homeexp_name { font-size: 16px; line-height: 30px; float: left; }
.homeexp_zhch { color: #355e87; font-size: 15px; font-weight: bold; width: 62%; text-align: right; line-height: 30px; float: right;
                text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.homeexp_ksh { font-size: 14px; line-height: 1.1em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }             
.homeexp_shch { font-size: 13px;  color: #666; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: -50px !important; color: #355e87 !important;;  }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -50px !important; color:#355e87 !important; }


/* 名医专家改，本院+外院 */
.indexpert { display: flex; justify-content: space-between;}
.expert_wywrap, .expert_bywrap { width: 49%; }
.expert_by, .expert_wy  {height: 570px; overflow-y: scroll; }
.expbywy_li { background: #355e87; margin-bottom: 10px; display: flex; }
/*.expbywy_li:hover { box-shadow: 0px 0px 10px 0px rgba(80, 80, 80, 0.1);}*/
.expimgbywy_cover { width: 130px; height: 180px; margin-right: 10px; }
.expimgbywy_info { width: calc(100% - 135px); padding: 15px; }
.expert_hdp .swiper_text01 { margin-top: 6px; height: 30px; }
.expert_hdp .swiper_text02 { margin: 8px 0 10px; padding: 8px 0; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.expbywy_name { font-size: 20px; line-height: 30px; color: #fff }
.expbywy_zhch { color: #355e87; font-size: 15px; color: #fff; line-height: 30px;
                text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.expbywy_ksh { font-size: 14px; line-height: 1.1em; color: #fff; font-weight: bold; color: #8cb4dd; float: right; 
               text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }             
.expbywy_shch { font-size: 14px;  color: #fff;  margin-top: 20px; overflow: hidden; 
                display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



/* pc新闻样式 */
.last_news :last-child, .public_news :last-child { margin-bottom: 0px;}
.news_title { color: #fff; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.news_desc { color: #888; margin-top: 10px; word-break: break-all; text-overflow: ellipsis; 
             overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/* .news_wrap { margin-bottom: 30px;} */
.right_news .news_time { float: right; margin-left: 23px; }
.news_content { background: url(../images/yuan.png) no-repeat left center; padding-left: 20px;} 
.right_news .news_day { color: #fff}
.right_news .tab_name1, .tab_name2 { width: 150px; background: #f0f0f0; float: left; font-size: 22px; line-height: 50px;
           margin-right: 10px; text-align: center; margin-bottom: 15px; font-weight: 600; border-radius: 30px;}
.other {  margin-top: 60px; }
.other_wrap { display: flex; flex-wrap: wrap; justify-content: space-between;}
.other_left { width: 33%; }  
.other_right { width: 26%; }  
.other_left ul { margin-top: 10px}
.other_left ul li { border-bottom: 1px dashed #ddd; }
.other_left ul :last-child { border-bottom:none; }
.oth_href { display: flex; justify-content: space-between; justify-content: space-between }
.oth_newstitle { width: 78%; font-size: 16px; line-height: 46px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.oth_newstime { color: #999; font-size: 14px; line-height: 46px; }
.other_right ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.other_right ul li { background: #f5f5f5; width: 48%; height: 180px; margin-top: 20px; margin-bottom: 5px; padding: 10px 25px 20px; position: relative; }
.oth_rightnewstitle { line-height: 28px; font-weight: 600; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; 
                      -webkit-box-orient: vertical;}
.oth_rightmore { position: absolute; bottom: 30px;}


/*健康科普、院长信箱*/
.other_right .myddc, .other_right .yzxx {width: 100%; height: 126px; display: flex;}
.other_right .myddc { background: #87add2;}
.other_right .yzxx { background: #8bc5c7; margin-top: 20px;}
.other_right .myddc a, .other_right .yzxx a {display: flex; align-items: center; margin: 0 auto;}
.other_right .myddc img, .other_right .yzxx img { margin-right: 15px}
.other_right .myddc span, .other_right .yzxx span { font-size: 26px; color: #fff; font-weight: 600; }


/* 党建专栏 */
.index_djzl { text-align: center; margin-top: 60px; }
.index_djtitle  { margin-bottom: 30px; background: url(../images/bg_line02.png) repeat-x center center;}
.index_djzlul { position: relative; z-index: 998;}
.index_djzlul, .index_djzlulbg { display: flex; flex-wrap: wrap; justify-content: space-between;}
.index_djzlul li, .index_djzlulbg li { height: 110px; display: flex; align-items: center; } 
.index_djzlul li div { width: 100%; background:rgba(0, 0, 0, 0.2) ; padding: 10px 20px; }
.index_djzltitle { font-size: 18px; color: #fff; font-weight: 600; word-break: break-all; text-overflow: ellipsis; overflow: hidden; 
                   display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }






/* 根据媒体查询 */
@media (max-width:768px){
    /*banner*/
    .indexbanner_swiper { height: 200px }
    
    /*banner底部的快捷导航*/
    .banner_list_bg { background: url(../images/bg_index.jpg) no-repeat center center; padding: 20px 10px 10px; background-size: cover; }
    .banner_listli { margin-bottom: 15px; }
    
    /*专家*/
    .expert { padding: 30px 0; }
    .expimgbywy_cover { width: 115px; height: 160px; margin-right: 10px; }
    .expimgbywy_info { width: calc(100% - 125px);}
    .expert_by, .expert_wy { height: 500px; }

   /* 首页头条新闻 */
    .home_news { padding: 35px 0 50px; }   
    .home_news .right_news {width: 100%; margin-top: 50px;}
    .news_title { font-size: 17px; line-height: 40px; }
    .news_title:hover {color: #355e87; font-weight: 600; }
    .right_news .news_day { font-size: 13px; line-height: 40px; }
    .right_news .news_time { margin-left: 15px; }

   /* 新闻幻灯片 */
    .left_hdp .swiper{  }
    .left_hdp .swiper-wrapper {   }   
    .left_hdp .swiper-pagination { }
    .left_hdp .swiper_text { }

    .title_wrap { margin-bottom: 20px; }
    .other_news { width: 100%; margin-bottom: 30px;  }

    /* 党建 */
    .index_djzl { height: 340px; }
    .index_djzlulbg { position: relative; top: -260px; }
    .index_djzlul li, .index_djzlulbg li  { width: 48%; margin-bottom: 20px; } 

}


@media (min-width: 768px) {
    .main { padding-top: 0px !important; }
    .banner_listli:hover { transform: translate(0,-10px);box-shadow: 0 20px 30px rgba(0,0,0,0.2);}
    
    /* 首页banner */
    .indexbanner_swiper { height: 450px; }
    .banner_list_bg { position: absolute; bottom: 30px  }
    .banner_list { display: flex; justify-content: space-between; }
    .banner_listli {width: 23%; height: 170px; } 
    

   /* 首页头条新闻 */
    .home_news .right_news {width: 100%; margin-top: 50px;}
    .news_title { font-size: 18px; line-height: 48px; }
    .news_title:hover {color: #355e87; font-weight: 600; }
    .right_news .news_day { font-size: 14px; line-height: 48px; }

   /* 新闻幻灯片 */
   .left_hdp .swiper-wrapper {  }   
   .left_hdp .swiper-pagination { }
   .left_hdp .swiper_text { }

   .title_wrap { margin-bottom: 40px; }

    /* 底部其他新闻 */
    .other_news { width: 47%; }

    /* 党建 */
    .index_djzl { height: 320px; }
    .index_djzlulbg { position: relative; top: -260px; }
    .index_djzlul li, .index_djzlulbg li  { width: 48%; margin-bottom: 20px; } 
}

@media (max-width:992px){
    .indexpert { display: flex; justify-content: center; flex-direction: column; }
    .expert_wywrap, .expert_bywrap { width: 100%; }
    .expert_wywrap { margin-top: 50px; }
    .home_news { padding: 50px 0 50px; }
    .home_news .left_hdp {width: 100%; }
    
    /*新闻幻灯片*/
    .left_hdp .swiper {  }
    
    /*底部新闻*/
    .other_left, .other_right { width: 100%; }
    .other_left { margin-bottom: 40px; }
}

@media (min-width:992px){
     /* 首页banner */
    .indexbanner_swiper { height: 600px; }
    .banner_list_bg { position: absolute; bottom: 35px  }

    /* .swiper-container { width: 100%; height:370px;} */
    .home_news .left_hdp {width: 48%; }
    .home_news .right_news {width: 48%;  margin-top: 0px; }
  
    /* 新闻幻灯片 */
    .left_hdp .swiper{ height: 100%; }
    .left_hdp .swiper-wrapper {  }   
    .left_hdp .swiper-pagination { }
    .left_hdp .swiper_text { }
    /* 党建 */ 
    .index_djzl { height: 350px; }
    .index_djzlulbg { position: relative; top: -300px; }
    .index_djzlul li, .index_djzlulbg li  { height: 130px; } 
   
}

@media (max-width:1200px){
    .lefthdp_cover {
        padding: 32% 0;
    }
    
   
}

@media (min-width:1200px){
    /* 首页banner */
    .indexbanner_swiper { height: 700px; }
    .home_news .left_hdp {width: 48%; height: 390px; overflow: hidden; position: relative;}
    .home_news .right_news {width: 48%; }

    /* 新闻幻灯片 */
    .left_hdp .swiper-container{ height: 390px; }
    .left_hdp .swiper-wrapper {  }   
    .left_hdp .swiper-pagination { }
    .left_hdp .swiper_text {  }

    .other_news { width: 50%; padding-right: 50px;}
    /* 党建 */ 
    .index_djzl { height: 210px; }
    .index_djzlulbg { position: relative; top: -150px; }
    .index_djzlul li, .index_djzlulbg li  { width: 23%; } 
}



/* 搜索样式 */
.search select {
    padding: 0 10px;
    border: none;
    outline: none;
}

.el-select-dropdown__item.selected,
.el-select-dropdown__item:hover,
.el-select-dropdown__item.hover {
    color: #fff;
    background: #587558;
}

.search input {
    padding: 0 10px;
    border-left: 1px solid #ddd;
}

.search .button {
    width: 40px;
    height: 40px;
    background: url(../images/ico_search.png) no-repeat center center #587558;
}