﻿/*--科室简介--*/

.mt35 {
    margin-bottom: 3.5vw;
   }
   
   .summary {
    /* padding-top: 1.25vw; */
   }
   
   img.dep_img {
    float: left;
    height: 17.5vw;
    width: 27.29vw;
    margin-right: 1.67vw;
   }
   
   .summary .con_p {
    width: 39.79vw;
    /* height: 295px; */
    float: left;
    border-left: none;
    overflow: hidden
   }
   
   .summary .con_p .title {
    font-size: 1.25vw;
    margin-bottom: 1.25vw;
    font-weight: bold;
   }
   
   .summary .con_p .title a:hover {
    color: #00A8B1;
   }
   .dep_text p{
    font-size:0.83vw;
   }
   .summary .con_p .b_top {
    border-top: 1px solid #f2f2f2;
   }
   
   .Location_dep {
    margin: 0.83vw 0;
   }
   
   .span_color {
    color: #00A8B1;
    font-size: 0.93vw;
    font-weight: bold;
   }
   
   .dep_text .more {
    width: 10.73vw;
    height: 2.4vw;
    background: url(/Content/Areas/Hospitals/images/Main/more.png) no-repeat center;
    display: block;
    border: 1px solid #333;
    margin-top: 3.4vw;
    transition: all .3s ease-in;
   }
   
   .dep_text .more:hover {
    background: url('/Content/Areas/Hospitals/images/Main/more_active.png') no-repeat center;
    border: 1px solid #00A8B1;
    transition: all .3s ease-in-out;
   }
   
   
   /*专家团队*/
   
   .doc_tltle {
    font-size: 1.25vw;
    margin-bottom: 1.25vw;
    line-height: 1.46vw;
   }
   
   .Scroll_Box {
    width: 100%;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
   }
   
   .Scroll_Box .swiper-container_2 {
    overflow: hidden;
   }
   
   .about_doclist li.swiper-slide {box-sizing: border-box;display: flex;}
   
   .Com_dep {
    /* float: left; */
    margin-right: 0.83vw;
   }
   
   .Com_dep .doct_img {
    width: 9.38vw;
    overflow: hidden;
    display: block;
    height: 12.5vw;
   }
   
   .Com_dep .doct_img img {
    width: 100%;
    height: auto;
   }
   
   .doct_con {
    float: left;
    width: 52%;
    /* height: 29.5vw; */
    box-sizing: border-box;
    position: relative;
   }
   
   .doct_con .tie {
    padding: 0.83vw 0;
   }
   
   .color_tit {
    font-size: 1.04vw;
    font-weight: bold;
    margin-right: 0.52vw;
   }
   
   .color_tit:hover {
    color: #00A8B1;
   }
   
   .doct_con p span.sc {
    color: #00A8B1;
    font-size: 0.83vw;
   }
   
   .arrow-btn {
    position: absolute;
    width: 2.3vw;
    height: 2.3vw;
    top: 42%;
    cursor: pointer;
    border: 1px solid #00A8B1;
    border-radius: 50%;
    opacity: .8;
    transition: all 0.3s ease-in-out
   }
   
   .arrow-btn:hover {
    opacity: 1;
    transition: all 0.3s ease-in
   }
   
   .swiper-button-next_2 {
    right: -2.25vw;
    /* background: url('/Sites/Uploaded/UserUpLoad/20231226/20231226173249.png') no-repeat center; */
    background: url('/Sites/Uploaded/UserUpLoad/20231226/20231226173641.png') no-repeat center;
   }
   
   .swiper-button-prev_2 {
    left: -2.25vw;
    /* background: url('/Sites/Uploaded/UserUpLoad/20231226/20231226173219.png') no-repeat center; */
    transform: rotate(180deg);
    background: url('/Sites/Uploaded/UserUpLoad/20231226/20231226173641.png') no-repeat center;
   }
   
   
   /* 出诊表 */
   
   .pt35 {
    padding: 3.5vw 0;
   }
   
   .Min2,
   .Min4 {
    background: rgba(0, 168, 177, 0.1);
   }
   
   
   /* 相关文章 */
   
   .Min3 {
    background: #fff;
   }
   
   .dep_article_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
   }
   
   .dep_article_list li {
    display: flex;
    width: 33.01vw;
    margin-right: 2.5vw;
    margin-bottom: 2.25vw;
    justify-content: space-between;
   }
   
   .dep_article_list li:nth-child(2n) {
    margin-right: 0;
   }
   
   .dep_article_list li:nth-child(3),
   .dep_article_list li:nth-child(4) {
    margin-bottom: 0;
   }
   
   .dep_article_list .span-date {
    color: #00A8B1;
    font-size: 0.73vw;
    width: 3.81vw;
    /* padding: 0.2604166vw 0; */
    text-align: center;
    /* margin-right: 2.5vw; */
   }
   
   .dep_article_list .span-date b {
    font-size: 3vw;
    font-weight: 400;
    color: #00A8B1;
    display: block;
    line-height: 3.8vw;
    /* margin-bottom: 0.2604166667vw; */
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
   }
   
   .xxdt_list_right {
    width: 27.3vw;
   }
   
   .xxdt_list_right a.title_type {
    font-weight: 700;
    margin: 0 0 0.83vw 0;
    font-size: 0.83vw;
    display: block;
   }
   
   .xxdt_list_right p {
    overflow: hidden;
    line-height: inherit;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    word-break: break-all;
    -webkit-box-orient: vertical;
   }
   
   
   /* 科室风采 */
   
   .Min4 {}
   
   .swiper-container_xc {
    overflow: hidden;
   }
   
   .kexc {
    position: relative;
   }
   
   .kexc .swiper-container_xc li {
    position: relative;
   }
   
   
   
   .kexc .swiper-container_xc li:hover::after {
    content: '';
    height: 100%;
    transition: all .3s ease-in;
   }
   
   .kexc .swiper-container_xc li .img_box {
    display: block;
    height: 13.5vw;
   }
   
   .kexc .swiper-container_xc li img {
    width: 100%;
    height: 100%;
   }
   
   .kexc .swiper-container_xc li p .detail {
    display: none;
   }
   
   .kexc .swiper-container_xc li p {
    position: absolute;
    bottom: 0;
    padding-left: 0.83vw;
    width: 100%;
    padding-right: 0.83vw;
    display: block;
    box-sizing: border-box;
    color: #fff;
    /* transition: all .3s ease-in-out; */
    overflow: hidden;
    font-size: 0.83vw;
    transform: translate3d(0, 4.6vw, 0);
    z-index: 1;
   }
   
   .kexc .swiper-container_xc li:hover p {
    /* transition: all .2s ease-in; */
    line-height: 1.5vw;
    padding-top: 8.34vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    transform: translate3d(0, 0vw, 0);
    padding-bottom: 0.83vw;
    background: rgba(0,0,0,0.4);
    font-size: 0.88vw;
   }
   .kexc .swiper-container_xc li a.title_type {
    position: absolute;
    bottom: 0;
    padding: 0.8vw;
    background: rgba(0,0,0,0.4);
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    font-size: 0.98vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   }
   
   .kexc .swiper-container_xc li:hover a.title_type {
    top: 0.8vw;
    background: none;
    z-index: 11;
    font-weight: bold;
    /* transition: all 0.2s; */
   }
   .swiper-button-next_xc {
    right: -3.5vw;
    /* background: url('/Sites/Uploaded/UserUpLoad/20231226/20231226173249.png') no-repeat center; */
    background: url('/Sites/Uploaded/UserUpLoad/20231226/20231226173641.png') no-repeat center;
   }
   
   .swiper-button-prev_xc {
    left: -3.5vw;
    /* background: url('/Sites/Uploaded/UserUpLoad/20231226/20231226173219.png') no-repeat center; */
    transform: rotate(180deg);
    background: url('/Sites/Uploaded/UserUpLoad/20231226/20231226173641.png') no-repeat center;
   }
   
   .about_doc .shadow_box{
    padding: 10px;
   }
   .about_doc .doc_li{
    display: flex;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
   }
   /*专家页*/
   
   .doctorList li.doct_li {
    width: 180px;
    float: left;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 3px #ddd;
    padding: 0 6px;
    margin: 24px 12px 0;
    position: relative;
    height: 330px;
   }
   
   .doctorList li.doct_li:nth-child(5n) {
    /* margin-right: 0; */
   }
   
   .doctorList li.doct_li a.doct_img {
    display: block;
    width: 134px;
    height: 176px;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    margin: 20px auto 0;
   }
   
   .doctorList li.doct_li a.doct_img img {
    width: 100%;
    height: auto;
   }
   
   .doctorList li.doct_li h2 a {
    font-size: 14px;
    color: #333;
    line-height: 50px;
    border-bottom: 1px dotted #e1e1e1;
    display: block;
    text-align: center;
   }
   
   .doctorList li.doct_li h2 a:hover {
    color: #00A8B1;
   }
   
   .doctorList li.doct_li p.p_H {
    line-height: 24px;
    font-size: 12px;
    color: #999;
    margin: 10px 4px;
   }
   
   span.zhicheng {
    background: url(/Content/Areas/Common/images/department/zhicheng.png) no-repeat;
    display: block;
    width: 31px;
    position: absolute;
    height: 35px;
    top: 20px;
    right: -3px;
    display: none;
   }
   
   span.zhicheng a {
    color: #fff;
    line-height: 31px;
    font-size: 14px;
    display: block;
    width: 14px !important;
    overflow: hidden;
    margin: 0 auto;
    height: 32px;
   }
   
   .doc_fz li {
    float: left;
    height: 35px;
    line-height: 35px;
    padding: 0 40px;
    color: #fff;
    background: #73aee0;
    margin-right: 10px;
    cursor: pointer;
   }
   
   .doc_fz {
    width: 440px;
    margin: 0 auto;
   }
   
   .doc_fz li.current {
    background: #00A8B1;
   }
   
   
   /*弹窗*/
   
   li.btn_more ul.btn_icon {
    border: 1px solid #ccc !important;
   }
   
   .about_doc .tab_box .about_doclist li.btn_more ul.btn_icon {
    right: -10px !important;
    top: 0 !important;
   }
   
   .about_doc .tab_box .Scroll_Box li.btn_more ul.btn_icon {
    width: 262px !important;
    height: 144px !important;
    right: -85px !important;
    top: -109px !important;
   }
   
   .tempWrap .about_doclist li.btn_more ul.btn_icon {
    right: -14px !important;
    top: -65px !important;
   }
   
   .about_doc .FixedField_Img .Img_box {
    width: 150px !important;
    height: 150px !important;
    padding: 0px !important;
    bottom: 0 !important;
    right: -10px !important;
   }
   .main{
    margin-bottom: 0;
   }
   .dep_ari ul {
    display: flex;
    flex-wrap: wrap;
   }
   
   .dep_ari ul li {
    width: 49%;
    margin: 0 2% 2% 0;
    display: flex;
    align-items: center;
   }
   
   .dep_ari ul li:nth-child(2n) {
    margin-right: 0;
   }
   
   .dep_ari ul li span.span-date {
    font-size: 1.04vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #00A8B1;
    padding-right: 1.5vw;
    margin-right: 1.5vw;
    border-right: 0.052vw solid #EAEAEA;
   }
   
   .dep_ari ul li span.span-date b {
    font-size: 3.333vw;
   }
   
   @media only screen and (max-width: 768px) {
    .about_doc .Scroll_Box.noSwiper {
    width: 100%;
   }
   
   .about_doc .Scroll_Box.noSwiper li.swiper-slide {
    width: 100%;
    margin-bottom: 10px;
   }
   
   .about_doc .Scroll_Box.noSwiper .swiper-wrapper {
    flex-wrap: wrap;
   }
    .doct_con {
    width: 65%;
    height: 28vw;
   }
    .summary .con_p .title {
    font-size: 4.5vw;
    margin-bottom: 1.5vw;
    margin-top: 1.5vw;
   }
   
   .span_color {
    font-size: 4vw;
   }
   
   .summary .con_p p {
    font-size: 4vw;
   }
   
   .dep_text .more {
    width: 28vw;
    height: 6vw;
    background-size: contain;
   }
   
   .doc_tltle {
    font-size: 4.5vw;
    line-height: 4.5vw;
    font-weight: bold;
   }
   
   .doct_con .tie {
    /* padding: 1vw; */
    font-size: 4vw;
    /* line-height: 6vw; */
   }
   
   .color_tit {
    font-size: 4vw;
   }
   
   .doct_con p {
    font-size: 4vw;
    line-height: 6vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
   }
   
    .ques_tit {
    width: 60%;
    }
    .Com_dep .doct_img {
    height: 30vw;
    width: 22vw;
   }
   
   .doct_con p span.sc {
    font-size: 4vw;
   }
    .dep_ari ul li {
    width: 100%;
   }
   
   .dep_ari ul li span.span-date {
    font-size: 2vw;
    width: 8vw;
    padding: 2vw;
   }
   
   .dep_ari ul li span.span-date b {
    font-size: 7.44vw;
    margin-bottom: 0.5vw;
    line-height: inherit;
   }
   
   .xxdt_list_right {
    width: 77vw;
   }
   
   .xxdt_list_right a.title_type {
    font-size: 3.72vw;
    margin: 2vw 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
   }
   
   .xxdt_list_right p {
    font-size: 3.6vw;
    -webkit-line-clamp: 1;
   }
   
   .arrow-btn {
    display: none;
   }
   
   .kexc .swiper-container_xc li .img_box {
    height: auto;
   }
   
   .kexc .swiper-container_xc li a.title_type {
    padding: 2vw;
    font-size: 3.75vw;
   }
    .Com_dep .doct_img img{
     /* margin-right:10px; */
    }
   }
   
   @media only screen and (max-width: 640px) {
    img.dep_img {
    width: 100%;
    overflow: hidden;
    height: auto;
    }
    .summary .con_p {
    width: 100%;
    height: auto;
    float: none
    }
    .dep_doclist {
    border-bottom: 1px solid #ccc
    }
    .about_doc .Scroll_Box {
    border-top: none;
    width: 100%;
    margin: 0 auto
    }
    .slideTxtBox .hd {
    width: 505px;
    }
   }
   
   @media only screen and (max-width: 614px) {}
   
   @media only screen and (max-width:556px) {
    .C_con_p {
    display: none
    }
    .C_doc {
    width: 100%
    }
    .C_doc .Scroll_Box {
    margin: 15px auto 0;
    border-top: none;
    width: 258px
    }
    .slideTxtBox .hd {
    width: 261px
    }
   }
   
   @media only screen and (max-width: 450px) {
    th.span_date,
    td.span_date {
    display: none
    }
    .dep_doclist .bot_box {
    display: none
    }
    .about_doc .Scroll_Box {
    /* width: 309px; */
    }
   } 