/*zs*/

i { background:none; }
a,a:hover { text-decoration:none; }
body { font-family:Microsoft Yahei; text-align:left;}
.fl { float:left; }
.fr { float:right; }

.show_hos{width: 1100px; margin: 0 auto; }
.show_top{ padding: 20px 30px ;background: #fff; border: 1px solid #e5e5e5;width: 100%;box-sizing: border-box;}
.show_top .box{ margin-top: 20px;}
.show_top h1{ font-size:20px; line-height: 26px; padding-left:6px;border-left:6px solid #fb499d; color: #333;}
.show_top h1 span {margin-left: 20px;font-size: 14px;}
.show_top .left{width: 240px;display: block;}
.show_top .left  img{width: 100%;height: 165px;object-fit: cover;}
.show_top .con {width: 540px;  font-size:14px; color:#666; padding:0 28px;}
.show_top .con .item { max-height:60px; overflow:hidden; transition:.3s all linear;}
.show_top .con .item.on { max-height:none; }
.show_top .con .item a{ color: #4096c8; padding-right: 6px;}
.show_top .con .item p{ line-height: 40px;}
.show_top .right{width: 200px;  border-left:1px solid #e4e4e4; margin-top: 10px; }
.show_top .right img{ display: block;width: 127px; margin-left: 36px; }
.show_box{ margin: 20px 0;}

.s_doc,.environment,.summary,.address,.hospital_news{ padding: 20px 30px;background: #fff;}
/*导航*/
.s_nav{ border: 1px solid #e5e5e5; background: #fafafa; padding: 10px 6px;}
.s_nav li{float: left; border-right: 1px solid #e5e5e5;}
.s_nav li a{ font-size: 18px ;line-height: 30px; padding:0 30px; padding-bottom: 11px; margin: 0 40px; text-align: center;}
.s_nav li:last-child{ border-right: none;}
.s_nav li.on a{ color: #e15f8f; border-bottom: 2px solid #e15f8f;}
.s_nav li a:hover{border-bottom: 2px solid #e15f8f;}

.information .s_doc h2,.information .environment h2,.information .summary h2,.information .address h2,.hospital_news h2{
    margin-bottom:20px;
    font-size: 20px;
    padding-left: 6px;
    border-left: 6px solid #fb499d;
    line-height: 26px;
}
/*专家*/
.s_doc{margin-top: 20px;}
.s_doc li{float: left; }
.s_doc li a,.s_list li div{display: inline-block;}
.s_doc li { width:345px; height:209px; background-color:#fff; border-top:1px solid #e5e5e5; float:left;}
.s_doc li:nth-child(1),.s_doc li:nth-child(2),.s_doc li:nth-child(3){border-top: none;}
.s_doc li img { display:inline-block; width:135px; height:172px; padding:20px 13px; vertical-align:middle;object-fit: cover;}
.s_doc li div { display:inline-block; width:175px; vertical-align:middle; }
.s_doc li h4 { font-size:18px; color:#383838; }
.s_doc li span { display:block; padding:5px 0; font-size:14px; color:#858484; }
.s_doc li i { font-size:12px; color:#858484; padding:0 7px; margin-right:6px; border:1px solid #eaeaea; border-radius:20px; box-sizing:border-box;}
/*案例*/
/*.s_case {background: #fff; overflow: hidden;  width: 1100px;  margin: 0 auto;  box-sizing: border-box; } !*padding: 20px 30px;}*!*/
/*.s_case img{ width: 206px; display: block; margin: 20px auto 10px; }*/
/*.s_case .one,.s_case .two,.s_case .three,.s_case .four { float: left;  width: 245px;  border: 1px solid #e5e5e5;  margin-left: 20px; box-sizing: border-box; box-shadow: 0 0 6px #e5e5e5; }*/
/*!*.s_case .one{margin-left: 0;}*!*/
/*.s_case h3{ font-size: 16px; color: #333; line-height: 40px; border-bottom: 1px solid #e5e5e5; padding:0 14px;overflow: hidden;}*/
/*.s_case p{padding: 0  14px 10px; line-height: 28px;}*/


/* wrapper css */
#wrapper{
    width:1100px;;
    clear:both;
    background: #fff;
    color:#666;
    font-size:14px;
    overflow-x:hidden;
    margin: 0 auto;
    box-sizing: border-box;  
    margin-top: 20px;
}
#wrapper h2{
    margin: 20px 0;
    font-size: 20px;
    padding-left: 6px;
    border-left: 6px solid #fb499d;
    line-height: 26px;
}
.hos_item {
    margin-top: 0;
}

#wrapper h3{
    font-weight:normal;
    font-size:16px;
    text-shadow:1px 1px 0 #fff;
    color:#333;
    line-height: 36px;
    border-bottom: 1px solid #d4d4d4;
    height: 36px;
    overflow: hidden;
}
#wrapper p{ 
    line-height: 18px;
    margin-top: 3px;
    height: 72px;
    overflow: hidden;
}
#container{
    position:relative;
    width:1100px;
    margin:0 auto 25px;
    padding-bottom: 10px;

}
.grid{
    width:218px;
    padding: 15px;
    background:#fff;
    margin:8px;
    font-size:12px;
    float:left;
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

    -webkit-transition: top 1s ease, left 1s ease;
    -moz-transition: top 1s ease, left 1s ease;
    -o-transition: top 1s ease, left 1s ease;
    -ms-transition: top 1s ease, left 1s ease;
}
.grid .compared{ width: 229px; }
.grid .compared a{ display: inline-block;}
.grid img{ width: 114px; margin: 0 auto;}
.grid strong {
    border-bottom:1px solid #ccc;
    margin:10px 0;
    display:block;
    padding:0 0 5px;
    font-size:17px;
}
.grid .meta{
    text-align:right;
    color:#777;
    font-style:italic;
}
.grid .imgholder img{
    max-width:100%;
    background:#ccc;
    display:block;
}
#wrapper .case_grid{
    display: flex;
    flex-direction: column; 
}
#wrapper .case_grid .compared{
    flex: 0 0 120px;
    width: 100%;
    overflow: hidden;
}
#wrapper .case_grid .compared a img{
    width: 50%;
    object-fit: cover;
}
#wrapper .case_grid .text{
    flex: 1;
}

@media screen and (max-width : 1240px) {
    body{
        overflow:auto;
    }
}
@media screen and (max-width : 900px) {
    #backlinks{
        float:none;
        clear:both;
    }
    #backlinks a{
        display:inline-block;
        padding-right:20px;
    }
    #wrapper{
        margin-top:90px;
    }
}
















/* 新闻资讯 */
.hospital_news{margin-top: 20px;}
.hospital_news {width: 100%;box-sizing: border-box;}
.hospital_news .news_main ul li{
    float: left;
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 auto 16px;
}
.hospital_news .news_main ul li .img-wrap{
    float: none;
    width: 100%;
    height: 150px;
    overflow: hidden;
}
.hospital_news .news_main ul li .img-wrap img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hospital_news .news_main ul li .text{
    float: none;
    width: 100%;
    padding: 0;
}
.hospital_news .news_main ul li .text p{
    color: #333;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hospital_news .news_main ul li .text p.name{
    margin: 10px 0;
}
.hospital_news .news_main ul li .text p.des{
    font-size: 12px;
    color: #666;
}


/*环境*/
.environment{margin: 20px 0;}
.environment li{float: left; width: 324px;padding: 11px;}
.environment li .pic{width: 300px; height: 216px; overflow: hidden; margin: 0 auto;}
.environment li img{ display: block;width: 100%;height: 100%;object-fit: cover;}

.environment li p{ font-size: 16px; text-align: center; line-height: 36px;width: 324px; height: 30px; overflow: hidden; }
/*简介*/
/* .summary{display: none;} */
.summary h3{font-size: 18px;color: #c00000;line-height: 26px;}
.summary p{ padding: 5px 0;font-size: 16px;line-height: 30px;color: #656565;text-indent: 2em;}
.summary img {display: block;margin: 0 auto;max-width: 90%;height: auto !important;}
/*路线*/
/* .address{display: none;} */
.address img{ display: block;width: 660px;}
.add_box{width: 360px; margin-left: 20px;}
.add_box i{ width: 16px; height: 25px; background: url("/skin/img/show_add.png") no-repeat;vertical-align: middle; padding-right: 10px; }
.add_box h3 i{ background-position: 0 0;}
.add_box .bus i{background-position: 0 -25px;}
.add_box .subway i{background-position: 0 -51px;}
.add_box .car i{background-position: 0 -78px;}
.add_box h3{font-size: 18px; line-height: 36px; border-bottom: 1px solid #e5e5e5; padding: 10px 0;}
.add_box h4{font-size: 16px; line-height: 36px; padding: 10px 0; }
.add_box p{ font-size: 14px; line-height: 30px; color:#3377c8;}


/* 右侧nva */
.right_nav{
    position: fixed;
    background: #fff;
    left: 50%;
    top: 35%;
    margin-left: -620px;
}
.right_nav ul li{
    position: relative;
    display: block;
    width: 26px;
    padding: 3px 0;
    margin: 0 7px;
    height: 40px;
    line-height: normal;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}
.right_nav ul li div span{
    display: none;
    position: absolute;
    left: -7px;
    top: 0;
    width: 40px;
    height: 40px;
    padding: 6px;
    font-size: 12px;
    line-height: 1.2;
    background-color: #62bfe9;
    color: #FFF;
    box-sizing: border-box;
    text-align: center;
    z-index: -1;
}
.right_nav ul li a{
    position: absolute;
    left:0;
    top: 0;
    z-index: 50;
    display: block;
    width: 100%;
    height: 100%;
}
.right_nav ul li div i{
    display: block;
    margin: 10px auto;
    width: 26px;
    height: 26px;
    background: url(/skin/img/img.png) no-repeat;
    background-position: 0 0 ;
}
.right_nav ul li div i.intro{
    width: 29px;
    height: 27px;
    background-position: -158px 0 ;
}
.right_nav ul li div i.case{
    background-position: -52px 0 ;
}
.right_nav ul li div i.news{
    width: 21px;
    height: 25px;
    background-position: -29px 0 ;
}
.right_nav ul li div i.envir{
    background-position: -79px 0 ;
}
.right_nav ul li div i.addr{
    background-position: -105px 0 ;
}
.right_nav ul li div i.video{
    background-position: -131px 0 ;
}
.right_nav ul li div:hover i{
    display: none !important;
} 
.right_nav ul li div:hover span{
    display: block !important;
}

/* 咨询弹框 */
.peixun_r h3{
    font-size: 15px;
    padding:8px 0;
    color: #171717;
    border-bottom: 1px solid #ebebeb;
    background: #f9f8f8;
    margin-bottom: 10px;
}
.peixun_r h3::before{
    content:"";
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height:14px;
    background: #fd9208;
    margin-right: 6px;
    margin-top:-3px;
}
.box,#alert{
    position: relative;
}
#alert{
    display: none;
    background: #fff;
    position: absolute;
    right: 158px;
    top:0;
    border: 1px solid #ebebeb;
    border-radius: 4px;
}
.peixun_class{
    padding: 0 10px;
}
.close{
    position: absolute;
    right: 0;
    top: 8px;
    cursor: pointer;
}
.show_top .right .close img{
    display: block;
    width: 22px;
    margin-left: 0;
}
.show_top .right{
    margin-top: 30px;
}
.show_top .right a{
    display: block;
    width: 50%;
    height: 50%;
    margin: 10px auto;
    padding: 4px;
    font-size: 16px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    background: #53b0eb;
}
.show_top .right .blue{
    background: #53b0eb;
}
.show_top .right .orange{
    background: #fd9208;
}
.show_top .right .close{
    background: none;
}
#post_name1,#post_phone1{
    margin: 10px 0;
    height: 21px;
    padding: 4px 0 4px 26px;
    border: 1px solid #e9e9e9;
    outline: none;
    color: #666;
}
#post_phone1::-webkit-input-placeholder,#post_name1::-webkit-input-placeholder{ 
color: #c6c6c6;
}
.show_top .right .peixun_class_name,.show_top .right .peixun_class_phone{
    position: relative;
}
.show_top .right i{
    width: 20px;
    position: absolute;
    left: 2px;
    top: 18px;
    border-right: 1px solid #e9e9e9;
}
.show_top .right i img{
    display: block;
    width: 14px;
    margin-left: 0;
    margin: 0 auto;
}
.show_top .right  #peixun_baoming1{
    outline: none;
    border: 0 none;
    display: block;
    width: 160px;
    height: 36px;
    margin: 10px auto;
    background: #ef7b1a;
    color: #fff;
    text-align: center;
    line-height: 36px;
    border-radius: 4px;
    font-size: 16px;
}

/* 图片放大 */
.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;
}

.env-left {
    width: 50px;
    background: url(/skin/img/env-left.png) no-repeat;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 0;
}

.env-right {
    width: 50px;
    background: url(/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(/skin/img/env-close.png) no-repeat;
    z-index: 99999;
  }
/*表格 table*/
#hospital_show td, #content th {
    padding: 5px 10px;
    border: 1px solid #DDD;
}

#hospital_show table {
    border-collapse: collapse;
    display: table;
    margin: 0 auto;
    width: 90%;
}