/* 医院顶部 */
.hospital_head { height:290px; background-color:#cdeefa; overflow:hidden;}

.hospital_head .hospital_tit { position:relative; height:243px; background-color:#fff; }
.hospital_tit h1 { display:block; font-size:40px; color:#3e3e3e; padding:50px 0 0 70px;}
.hospital_tit .txt { padding:40px 0 0 70px; font-size:16px; color:#888; }
.hospital_tit .txt span { padding-right:30px; }
.hospital_tit .txt i { color:#20a3fe; }

.hospital_tit .hos_ask_doctor { position:absolute; right:55px; top:103px;  }
.hos_ask_doctor a { display:inline-block; font-size:19px; line-height:46px; padding:0 40px; margin-left:30px; color:#666; vertical-align:middle; border:1px solid #d9d9d9;}
.hos_ask_doctor a.on,.hos_ask_doctor a:hover { color:#fff; background-color:#20a3fe; border:1px solid #20a3fe; }

/* 医院导航 */
.hospital_nav { border:1px solid #e7e7e7; box-sizing:border-box; background:#fff; z-index:100; font-size:16px;}
.hospital_nav li { width:12.5%; float:left;}
.hospital_nav li a { display:block; height:49px; font-s。ize:16px; line-height:49px; color:#666; text-align:center;}
.hospital_nav li.on a, .hospital_nav li a:hover { background-color:#20a3fe; color:#fff; }

/* 医院信息 */
.hospital_message { padding-top:30px; height:200px; }
.hospital_message .listhos_img{margin:0 25px 0 15px;width: 300px; height: 200px; overflow: hidden;}
.hospital_message img { display:inline-block; vertical-align:middle;}
.hospital_message .message { display:inline-block; width:800px; padding:0 0 0 50px; vertical-align:middle; }
.hospital_message .message p { white-space:nowrap; text-overflow:ellipsis; font-size:16px; line-height:40px; color:#888; overflow:hidden;}
.hospital_message .message span { color:#666; }


/* 医院内容 */
.hospital_content { padding-top:20px; }
.hospital_content_l { width:900px; }
.hospital_content_r { width:290px; }

.hospital_content h2, .hospital_items h2,.hospital_doctors h2,.hospital_setting h2 { font-size:26px; color:#333; line-height:2; text-indent:15px; border-bottom:1px solid #efefef; }
/* 医院简介 */
.hospital_content {}
.hospital_content .intro { padding:15px 10px; }
.hospital_content .intro p { font-size:15px; line-height:2; color:#333; text-indent:2em; }
.hospital_content .intro h3,.hospital_content .intro h2 {padding:10px 20px;font-size:16px;line-height:2;font-weight:bold;}
.hospital_content .intro_btn { display:block; font-size:14px; line-height:2; margin-top:10px; color:#b3b3b3; text-align:center; }
.hospital_content .intro_btn a{color:#b3b3b3;}
.hospital_content .intro img{clear: both; display: block; text-align: center; margin: 10px auto;max-width: 90%;height: auto !important;}
.hospital_content .intro table,.hospital_content .intro .table{margin:0 auto;font-size:14px;max-width: 98%;color:#333;}
.hospital_content .intro td{border:1px solid #ddd;padding:8px 5px; vertical-align: top;line-height:22px;}
.hospital_content .intro .firstRow{text-align: center;background: #efefef;}
.hospital_content .intro em{font-style: normal;color:#c00;}
/* 医院项目 */
.hospital_items { padding-top:10px; }
.hospital_items_nav { display:block; margin:10px 0; border-bottom:1px solid #efefef; }
.hospital_items_nav li { border-bottom:3px solid transparent; float:left;}
.hospital_items_nav li a { display:block; padding:0 26px; font-size:14px; line-height:45px; color:#3d3d3d; }
.hospital_items_nav li.on,.hospital_items_nav li:hover { border-bottom:3px solid #20a3ff; }

.hospital_items_con {  }
.hospital_items_con .left,.hospital_items_con .right { display:inline-block; width:30px; height:135px; line-height:135px; font-family:initial; font-size:40px;font-weight:bold;color:#FFF; margin:0 20px; background-color:#efefef; vertical-align:middle; text-align:center;}
.hospital_items_con .right{margin-left:0;}

.hospital_items_con .items_content { position:relative; display:inline-block; width:750px; height:135px; vertical-align:middle; overflow:hidden;}
.items_content ul { display:none; position:absolute; top:0; left:0; }
.items_content ul.on { display:block; } 
.items_content li { float:left;}
.items_content a { width:230px; height:135px; overflow: hidden;display:block; margin-right:20px; float:left; }
.items_content a img { width:230px;}

/* 推荐专家 */
.hospital_doctors { padding-top:20px; }
.hospital_doctors ul { width:900px; border-top:1px solid #F0F0F0;}
.hospital_doctors li { width:25%; padding:15px 40px 0 5px; float:left; box-sizing:border-box;}
.hospital_doctors li .img {height:220px;overflow:hidden; float:left;}
.hospital_doctors li img { width:100%;}
.hospital_doctors li .tit { padding:5px 0; border-bottom:2px solid #a3a3a3; }
.hospital_doctors li .tit a { display:block; font-size:14px; color:#333; line-height:2; }
.hospital_doctors li .txt { display:block; padding:10px 0; font-size:12px; color:#888; line-height:1.5; }
.hospital_doctors li .btn { display:inline-block; padding:0 15px; font-size:12px; line-height:22px; color:#666; border:1px solid #888; }

/* 医院环境 */
.hospital_setting { padding-top:30px; }
.hospital_setting li { padding-top:30px; padding-left:20px; float:left;width:273px; height:182px;overflow: hidden;}
.hospital_setting li img { width:273px;}

/* 医院内页环境图放大 */
.env-box {
    width: 100%;
    height: 1000px;
    position: fixed;
    display: none;
    background-color: #000000a1;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 999;
  }
  
  .env-left {
    width: 50px;
    background: url(/statics/skin/img/env-left.png) no-repeat;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 0;
  }
  
  .env-right {
    width: 50px;
    background: url(/statics/skin/img/env-right.png) no-repeat;
    height: 50px;
    position: absolute;
    top: 50%;
    right: 0;
  }
  
  .env-count{
    width: 100%;
    position: absolute;
    bottom: 0px;
    text-align: center;
    color: #fff;
  }
  .wide {
    width: 60%;
    height: auto;
    margin: 0 auto;
  }
  .img-wraps {
    /*重点从这里开始*/
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden;
    position: relative;
    margin-top: 240px;
  }
  
  .img-wraps>div {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .img-wraps>div img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
  
  .env-close{
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 50px;
    font-weight: 700;
    font-size: 20px;
    cursor: pointer;
    background: url(/statics/skin/img/env-close.png) no-repeat;
    z-index: 99999;
  }

