@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;
    padding: 0;
}
fieldset, img, input, button ,select{
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
}
ul, ol {
    list-style: none;
}
input , button{
    padding-top: 0;
    padding-bottom: 0;
    font-family: "微软雅黑";
}
button{
    cursor:pointer;
    background: transparent;
}
select, input {
    vertical-align: middle;
}
select, input, textarea {
    font-size: 12px;
    margin: 0;
}
/*防止拖动*/
textarea {
    resize: none;
    font-family: "Microsoft YaHei";
}
img {
    border: 0;
    vertical-align: middle;
}
table {
    border-collapse: collapse;
}
body {
    font: 14px/150% "微软雅黑"!important;
    color: #000;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1; /*IE/7/6*/
}
.f-l{
    float: left;
}
.f-r{
    float: right;
}
a {
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
}
em ,i , u{
    font-style: normal;
    text-decoration: none;
}
.inner{
    width: 1200px;
    box-sizing: border-box;
    margin: 0 auto;
}
.fl{float:left;}
.fr{float:right;}
.pc{min-width:1200px;}
.clear{clear:both;}
.single-content{font-size:16px;color:#333;line-height:25px;padding:50px 10px 30px;}
.single-content img{max-width:100%;}
.single-content h3{text-align:center;font-size:20px;color:#333333;font-weight:600;}
.single-content h4{text-align:center;font-size:14px;color:#999999;line-height:50px;margin-bottom:30px;}
.expert_details_bottom {padding:10px 6px 20px;border-top:1px dashed #e6e6e6;}
.expert_details_bottom a {overflow:hidden;display:block;font-size:14px;line-height:30px;color:#333;}
.expert_details_bottom a:hover {color:#e40c14;}
.expert_details_bottom span{float:left;font-size:14px;line-height:30px;border-radius:2px;margin-right:10px;color:#2b69b4;}
.department h1{height:43px; line-height:42px; overflow:hidden; color:#3e8cda;font-size:18px; padding-left:18px;}
.department h1 a{ color:#3e8cda;font-weight:600;}
.department h1 a:hover{opacity:.9;}
.department .list{display:inline-block;padding:15px 0 20px 18px;}
.department li{float:left; width:182px; height:34px; line-height:34px; overflow:hidden;}
.department li a{padding-left:10px; font-size:14px;}
.department li a:hover{color:#3e8cda;}

/*科室详情*/
.department-content h3{width:100%;border-bottom:1px solid #f1f1f1;margin-bottom:25px;padding:10px 0;}
.department-content h3 span{color:#3e8cda;border-bottom:2px solid #3e8cda;font-size:20px;line-height:30px;padding:10px;}
.department-content .department-desc{padding:25px 10px;color:#333333;font-size:16px;line-height:25px;}
/*.department-content p,.department-content span {font-size: 16px !important; color: #666666 !important;line-height: 35px !important;}*/
/*医生列表*/
.doctor-list ul{margin-top:25px;}
.doctor-list ul li{width: 50%;float: left;box-sizing: border-box;padding: 10px;margin-bottom: 30px;}
.doctor-list ul li .thumb{width: 43%;height:265px;overflow:hidden;}
.doctor-list ul li .thumb img{width: 100%;display: block;min-height:100%;}
.doctor-list ul li .text{width: 51%;color: #888888;padding-left:0;}
.doctor-list ul li .text h5{font-size: 16px;line-height:16px;padding-top: 27px;color:#33C0D4;}
.doctor-list ul li .text h6{font-size: 14px;line-height:25px;margin-top:10px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.doctor-list ul li .text p{font-size: 14px;line-height: 20px;height: 85px;margin-top:15px;}
.doctor-list ul li .text .btn{width: 105px;line-height: 35px;border: 1px solid #888888;font-size: 14px;text-align: center;margin-top:15px;}
.doctor-list ul li:hover{background:#489ff1;}
.doctor-list ul li:hover .text h5,.doctor-list ul li:hover .text h6,.doctor-list ul li:hover .text p{color:white;}
.doctor-list ul li:hover .text .btn{border-color:white;color:white;}
/*医生详情*/
.doctor-content{display:inline-block;width:100%;margin-top:30px;}
.doctor-content .doctor-img{width: 280px;height:370px;overflow:hidden;margin-bottom:30px;}
.doctor-content .doctor-img img{display: block;width:100%;margin-bottom:15px;min-height:100%;}
.doctor-content .doctor-desc{padding-bottom: 30px;width: 890px;}
.doctor-content .doctor-desc h1{font-size:24px;color:#489ff1;line-height:40px;margin:25px 0;}
.doctor-content .doctor-desc p{font-size: 16px;color:#666666;line-height:25px;margin-bottom:20px;}
.doctor-content .doctor-desc p strong{color:#333333;}

    /*   index   */
.index_body{
    background: url(../images/banner1.jpg) no-repeat top center;
    -webkit-background-size: 1920px 960px;
    background-size: 1920px 960px;
}
.header{
    /*height: 111px;*/
    box-sizing: border-box;
    padding: 10px 0;
}
.logo{
    float: left;
}

.logo>a {
    display: flex;
}

.logo>a img{
    height: 100px;
    /*margin-right: 10px;*/
    /*border-radius: 50%;*/
}
.logo_txt{
    padding-top: 10px;
}
.logo_txt h3{
    font-size: 24px;
    line-height: 30px;
    color: #1f5c79;
    font-weight: bold;
}
.logo_txt p{
    font-size: 13px;
    line-height: 20px;
    color: #4a4a4a;
}
.header_search{
    float: right;
    margin-top: 25px;
    border: 1px solid #3e8cda;
    overflow: hidden;
}
.header_search input{
    float: left;
    width: 258px;
    padding: 0 12px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 38px;
    color: #333;
}
.header_search button{
    float: right;
    width: 52px;
    height: 38px;
    background: #3e8cda url(../images/icon_search.png) no-repeat center;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}
.nav{
    background: #3e8cda;
}
.nav_list li{
    float: left;
    width: 10%;
    text-align: center;
    position: relative;
}
.nav_list li>a{
    font-size: 16px;
    line-height: 52px;
    color: #fff;
    display: block;
}
.nav_list li.on>a,
.nav_list li:hover>a{
    background-color: #da251c;
}
.nav_info_list{
    width: 100%;
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 9;
    display: none;
}
.nav_info_list a{
    font-size: 14px;
    line-height: 42px;
    color: #fff;
    display: block;
    margin-top: 1px;
    background: rgba(218,37,28,.7);
}
.nav_info_list a:hover{
    text-decoration: underline;
}
.nav_list li:hover .nav_info_list{
    display: block;
}
.index_con{
    padding: 50px 0 56px 0;
}
.index_info_swiper{
    float: left;
    width: 481px;
    height: 340px;
}

.index_info_swiper .swiper-slide img{width:100%;}

.index_info_swiper .swiper-slide p{
    width: 100%;
    font-size: 15px;
    line-height: 41px;
    color: #fff;
    padding: 0 100px 0 12px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index_info_swiper .swiper-pagination{
    left: 42%;
}
.index_info_swiper .swiper-pagination .swiper-pagination-bullet{
    background-color: #fff;
    opacity: 1;
}
.index_info_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #4089d3;
}
.Hospital_dynamics{
    float: left;
    width: 440px;
    height: 340px;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #fff;
    padding: 0 15px;
}
.title{
    border-bottom: 1px solid #3e8cda;
}
.title h3{
    float: left;
    font-size: 17px;
    line-height: 47px;
    color: #3e8cda;
}
.title a{
    float: right;
    font-size: 14px;
    line-height: 47px;
    color: #6b6b6b;
}
.news_list{
    padding: 19px 0 0 0;
}
.news_list a{
    display: block;
    overflow: hidden;
    padding-left: 18px;
    background: url(../images/icon_dian.png) no-repeat left center;
    -webkit-background-size: 5px 5px;
    background-size: 5px 5px;
}
.news_list a p{
    float: left;
    font-size: 14px;
    line-height: 36px;
    color: #000;
    width: 330px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news_list a span{
    float: right;
    font-size: 14px;
    line-height: 36px;
    color: #ababab;
}
.news_list a:hover p,
.news_list a:hover span{
    color: #3e8cda;
}
.Notice{
    float: right;
    width: 264px;
    height: 340px;
    overflow: hidden;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 15px;
}
.Notice_list{
    padding-top: 13px;
}
.Notice_list a{
    padding: 10px 0;
    overflow: hidden;
    display: block;
}
.Notice_list a h3{
    float: left;
    text-align: center;
    background-color: #d9d9d9;
    width: 53px;
    height: 46px;
    box-sizing: border-box;
    padding-top: 4px;
    margin-right: 13px;
}
.Notice_list a h3 span{
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #494949;
    font-weight: bold;
}
.Notice_list a h3 i{
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}
.Notice_list a p{
    float: left;
    width: 168px;
    font-size: 14px;
    line-height: 23px;
    color: #262626;
    overflow: hidden;
    text-overflow: ellipsis; 
    display: -webkit-box; 
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.Notice_list a p:hover{
    color: #3e8cda;
}
.Box {
    position: relative;
    margin-top: 50px;
}
.Box .content {
    width: 1200px;
    margin: 0 auto;
}
.Box h2 {
    text-align: center;
    margin-bottom: 35px;
    padding-top: 250px;
}
.Box .Box_con {
    position: relative;
}
.Box .Box_con .btnl {
    position: absolute;
}
.Box .Box_con .btn {
    display: block;
    width: 23px;
    height: 43px;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    cursor: pointer;
}
.Box .Box_con .btnl {
    background: url(../images/icon_prev.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    left: -54px;
}
.Box .Box_con .btnr {
    background: url(../images/icon_next.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    right: -54px;
}
.Box .Box_con .conbox {
    position: relative;
    overflow: hidden;
}
.Box .Box_con .conbox ul {
    position: relative;
    list-style: none;
    height: 168px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.Box .Box_con .conbox ul li {
    float: left;
    width: 201px;
    height: 168px;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
}

.Box .Box_con .conbox ul li.green{
    background-color: #59d3c3;
}
.Box .Box_con .conbox ul li.orange{
    background-color: #f19438;
}
.Box .Box_con .conbox ul li.blue{
    background-color: #4aa7ec;
}
.Box .Box_con .conbox ul li.red{
    background-color: #e0686f;
}
.Box .Box_con .conbox ul li.Blackish_green{
    background-color: #3fb6c0;
}
.Box .Box_con .conbox ul li:first-child {
    margin-left: 0;
}
.Box .Box_con .conbox ul li a{
    display: block;
    padding-top: 36px;
}
.Box .Box_con .conbox ul li img{
    height: 60px;
}
.Box .Box_con .conbox ul li p{
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    margin-top: 20px;
    font-weight: bold;
}

.Box .BoxSwitch {
    margin-top: 30px;
    text-align: center;
}
.Box .BoxSwitch span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 30px;
    height: 3px;
    background: #ccc;
    margin: 0 5px;
    cursor: pointer;
}
.Box .BoxSwitch span.cur {
    background: red;
}
.footer{
    background-color: #3e8cda;
    padding-top: 40px;
    height: 200px;
    box-sizing: border-box;
}
.footer_left{
    float: left;
    width: 343px;
    border-right: 1px solid #78afe5;
}
.footer_left_nav a{
    float: left;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    width: 96px;
}
.footer_left_nav a:hover{
    text-decoration: underline;
}
.footer_left_txt{
    margin-top: 25px;
}
.footer_left_txt p,.footer_left_txt p a{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}
.footer_center{
    float: left;
    width: 479px;
    border-right: 1px solid #78afe5;
    box-sizing: border-box;
    padding-left: 84px;
}
.footer_center h3{
    font-size: 12px;
    line-height: 24px;
    color: #fff;
}
.footer_center h3 a{
    color: #fff;
}
.footer_center h3 a:hover{
    text-decoration: underline;
}
.footer_center h4{
    font-size: 24px;
    line-height: 34px;
    color: #fff;
    margin-bottom: 18px;
    font-weight: bold;
}
.footer_right{
    float: right;
}
.footer_right li{
    float: left;
    width: 110px;
    text-align: center;
    margin-left: 50px;
}
.footer_right li img{
    width: 110px;
    height: 110px;
}
.footer_right li p{
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    margin-top: 10px;
}

/*   新闻   */
.news_center{
    height: 250px;
    background: url(../images/banner2.jpg) no-repeat top center;
    -webkit-background-size: 1920px 100%;
    background-size: 1920px 100%;
    border-top: 1px solid #fff;
}
.news_center .inner{
    padding: 94px 0 0 227px;
}
.news_center h3{
    font-size: 27px;
    line-height: 32px;
    color: #fff;
}
.news_center h3:nth-child(2){
    padding-left: 66px;
}
.news_con{
    margin-top: 40px;
}
.news_nav{
    float: left;
    width: 228px;
    height: auto;
    background-color: #f2f2f2;
    margin-bottom:50px;
}
.news_nav h3{
    font-size: 24px;
    line-height: 75px;
    background: url(../images/bg1.png) no-repeat top center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.news_nav a{
    display: block;
    font-size: 16px;
    line-height: 59px;
    color: #7e7e7e;
    padding-left: 36px;
    border-left: 3px solid #f2f2f2;
    border-bottom: 1px solid #dbdbdb;
}
.news_nav a.on{
    color: #fff;
    background-color: #3e8cda;
    border-left-color: #da251c;
    border-bottom-color: #3e8cda;
}
.news_info{
    float: right;
    width: 932px;
}
.tit{
    border-bottom: 1px solid #dbdbdb;
}
.tit h3{
    float: left;
    font-size: 23px;
    line-height: 53px;
    color: #3e8cda;
    font-weight: bold;
    border-bottom: 2px solid #3e8cda;
}
.tit p{
    float: right;
    font-size: 14px;
    line-height: 54px;
    color: #848484;
}
.tit p a{
    color: #848484;
}
.tit p a:hover{
    color: #3e8cda;
}
.news_info_ul{
    padding: 22px 0 22px 0;
}
.news_info_ul a{
    display: block;
    overflow: hidden;
    padding-left: 18px;
    background: url(../images/icon_dian.png) no-repeat left center;
    -webkit-background-size: 5px 5px;
    background-size: 5px 5px;
}
.news_info_ul a:nth-child(5n){
    margin-bottom: 22px;
}
.news_info_ul a p{
    float: left;
    font-size: 14px;
    line-height: 36px;
    color: #000;
    width: 770px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news_info_ul a span{
    float: right;
    font-size: 14px;
    line-height: 36px;
    color: #ababab;
}
.news_info_ul a:hover p,
.news_info_ul a:hover span{
    color: #3e8cda;
}
/*
.pages{
    padding: 44px 0;
    text-align: center;
}
.pages h3{
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    color: #262626;
    margin-right: 20px;
}
.pages a{
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #5295dd;
    border: 1px solid #dcdcdc;
    margin: 0 3px;
    padding: 0 12px;
}
.pages a.prev_page{
    color: #a0a0a0;
}
.pages a.on{
    color: #000;
    border-color: #fff;
    font-weight: bold;
}
.pages a.no{
    color: #000;
    border-color: #fff;
}*/
.pages{text-align:center;margin:40px auto;}
.pages li{display:inline-block;}
.pages a,.pages span,.pages button,.pages strong{font-size: 14px; line-height: 30px; color: #999999; border-radius: 2px; border: 1px solid #ddd; padding:5px 10px; margin: 0 2px; background: transparent;border-radius:5px;}
.pages a.on,.pages strong,.pages a:hover,.pages li.active span{color: #fff; background-color: #489ff1; border-color: #489ff1;}
.pages li.disabled span{color:#e1e1e1;background:#f1f1f1;}
.pages h3{font-size: 14px; line-height: 30px; color: #333;}
.pages h3 input{width: 50px; line-height: 30px; border-radius: 2px; border: 1px solid #ddd; text-align: center;}


.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
/*我要咨询*/
.layui-fd-btn{background:#3e8cda;}
.Interaction_right_con{background-color: #fff; padding: 15px 0 20px;}
.title .button{float: right; font-size: 14px; line-height: 33px; width: 96px; text-align: center; border-radius: 4px; background-color: #4897cb;background-image:none; padding-right:0;color: #fff; margin-top: 5px;}
.title .button:hover{background:#016bd5;color:white;}
.Interaction_right_con_search{float: right; margin: 5px 10px 0 0; border-radius: 4px; padding: 0 6px 0 12px; border: 1px solid #4998cc;}
.Interaction_right_con_search input{float: left; font-size: 14px; line-height: 31px; color: #333; width: 184px;}
.Interaction_right_con_search img{float: right; width: 22px; height: 25px; margin: 3px 0;cursor:pointer;}
.Interaction_right_con>h2{font-size: 14px; line-height: 17px; color: #9c9c9c; margin: 0 20px; padding: 15px 0; border-bottom: 1px solid #ddd;}
.Interaction_right_list{padding: 0 20px;}
.Interaction_right_list a{display: block; border-bottom: 1px dashed #ddd; padding: 15px 0;}
.Interaction_right_list a h3{font-size: 15px; font-weight: 600;line-height: 30px; color: #3c3c3c; padding-left: 20px; background: url(../images/7.png) no-repeat left center; -webkit-background-size: 10px 10px; background-size: 10px 10px;}
.Interaction_right_list a h3 span{font-size: 12px;font-weight: normal;float: right; color: #016bd5;}
.Interaction_right_list a p{font-size: 14px; line-height: 30px; color: #3c3c3c; padding: 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.Interaction_right_list a:hover h3{color:#016bd5;}
.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: rgba(0,0,0,.5); display: none;}
.Complaint{background-color: #fff; width: 950px; padding:5px 0 30px; position: absolute; top: 200px; left: 50%; margin-left: -475px;}
.Complaint>h2{font-size: 18px; line-height: 48px; color: #333; border-bottom: 1px solid #eee; margin: 0 15px;}
.Complaint>h2 img{float: right; width: 18px; height: 18px; margin: 15px 0; cursor: pointer;}
.basic_info{width: 880px; margin: 0 auto; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.basic_info tr{overflow: hidden; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; /*vertical-align: middle;*/}
.basic_info tr th{float: left; width: 118px; text-align: center; border-right: 1px solid #ddd; font-size: 15px; line-height: 47px; color: #333; font-weight: normal;}
.basic_info tr td{float: left; width: 756px; box-sizing: border-box; font-size: 14px; line-height: 26px; padding: 11px 18px; color: #333; vertical-align:middle;white-space: pre-wrap;word-wrap: break-word;}
.basic_info tr:nth-child(2) th{line-height: 72px;}
.Complaint .title{width:880px;margin: 10px auto;}
.Handle{margin: 0 40px 0 35px; border-left: 1px solid #ddd; padding-left: 32px;}
.Handle h3{font-size: 14px; line-height: 48px; color: #333; position: relative;}
.Handle h3 span{margin-right: 22px;}
.Handle h3 img{width: 18px; height: 15px; position: absolute; top: 14px; left: -38px;}
.Handle_ul{background-color: #f7fbff; border: 1px solid #007bb6; padding: 10px 0;}
.Handle_ul li{overflow: hidden; padding: 4px 0;}
.Handle_ul li h4{float: left; width: 80px; text-align: right; font-size: 14px; line-height: 24px; color: #333;}
.Handle_ul li p{float: left; width: 730px; font-size: 14px; line-height: 24px; color: #333;white-space: pre-wrap;word-wrap: break-word;}
.Handle button{float: right; margin-top: 30px; font-size: 15px; line-height: 32px; color: #333; width: 80px; text-align: center; border-radius: 4px; border: 1px solid #ddd; background-color: #fff;}


