﻿.wrap {
 background: #EEF5FF;
}

.main_content {
 width: 62.5vw;
 margin: 0 auto;
}

.Depbox {
 padding-bottom: 5.21vw;
}

.depD_fl {
 /* float: left; */
 width: 23.63vw;
 height: 14.96vw;
 margin-right: 4vw;
 flex-shrink: 0;
}

.dep_box {
 overflow: hidden;
 display: flex;
}

.depD_fr {
 /* width: 34vw; */
 font-size: 15px;
 /* float: right; */
 /* text-indent: 2em !important; */
}
.depD_fr::-webkit-scrollbar {
  width: 5px;
}

.depD_fr::-webkit-scrollbar-thumb {

  background-color: #245CCE;
  position: relative;
}

.depD_fr::-webkit-scrollbar-track {
  background: #DDDDDD;
}
.depD_fr p {
 line-height: 30px;
 text-indent: 2em !important;
}

.depD_fr .more,
.depC_fr .more {
 width: 5.48vw;
 height: 1.58vw;
 line-height: 1.58vw;
 background: #245CCE;
 border-radius: 5.21vw;
 color: #fff;
 display: block;
 font-size: 14px;
 text-align: center;
 margin: 1.6vw auto 0;
 transition: all 0.2s;
 border: 0.03vw solid #245CCE;
 text-indent: 0;
}

.depD_fr .more:hover,
.depC_fr .more:hover {
 background: #fff;
 border-radius: 5.21vw;
 color: #245CCE;
 border: 0.03vw solid #245CCE;
}

a.dep_img {
 width: 100%;
 height: 100%;
 display: block;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 transition: all 0.2s;
}

a.dep_img:hover {}

.docImg_box {
 height: 15.1vw;
 overflow: hidden;
}
.childDep_shunyi .docImg_box{
 height:auto
}

.docImg_box img {
 width: 100%;
 height: auto;
 transition: all 0.2s;
}

.docImg_box:hover img {
 transform: scale(1.1)
}

.docImg_des {
 font-size: 0.63vw;
 color: #000;
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-top: 0.89vw;
}

.docImg_des .docNames {
 color: #2A49C4;
 font-size: 1.04vw;
}

.Scroll_Box {
 position: relative;
  
}
.childDep_shunyi .Scroll_Box{
   margin: 0 auto;
 width: 85%;
}

.arrow-btn {
 position: absolute;
 width: 3.23vw;
 height: 3.23vw;
 top: 50%;
 transform: translateY(-50%)
}

.arrow-btn.swiper-button-disabled {
 opacity: 0.1;
}

.dep-btn-left.arrow-btn {
 background: url(/Content/Areas/Common/images/common/swiperLeft.png) no-repeat center;
 background-size: 100%;
 right: -5.05vw;
}

.dep-btn-right.arrow-btn {
 background: url(/Content/Areas/Common/images/common/swiperRight.png) no-repeat center;
 background-size: 100%;
 left: -5.05vw;
}

.res_img_list {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}

.res_img_list li {
 width: 30.47vw;
 padding-bottom: 0.83vw;
}

.res_img_list li a {
 color: #24252E;
 font-size: 0.83vw;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 display: block;
 margin-bottom: 0.3vw;
}

.res_img_list li a:hover {
 color: #2A49C4;
}

.res_img_list li:nth-child(1):hover,
.res_img_list li:nth-child(2):hover {
 border-bottom: 0.03vw solid #2A49C4 !important;
}

.res_img_list li .span_date {
 color: #777B80;
 font-size: 0.83vw;
}

.res_img_list li:nth-child(1),
.res_img_list li:nth-child(2) {
 border-bottom: 0.03vw solid #D3DAE2;
 margin-bottom: 1.56vw;
}

ul.ul_slide {
 display: flex;
 flex-wrap: wrap;
}

ul.ul_slide li {
 width: 13.69vw;
 height: 3.96vw;
 background: #fff;
 margin-right: 2.24vw;
 margin-bottom: 1.56vw;
}

ul.ul_slide li {
 font-size: 16px;
 color: #245CCE;
 text-align: center;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 0.52vw;
 position: relative;
}

ul.ul_slide li:hover {
 background: #245CCE;
 color: #fff;
}

ul.ul_slide li:hover::after {
 width: 8.67vw;
}

ul.ul_slide li:nth-child(4n) {
 margin-right: 0;
}

ul.ul_slide li::after {
 width: 6.67vw;
 height: 0.21vw;
 background: #245CCE;
 /* content: ''; */
 position: absolute;
 bottom: 0;
 left: 50%;
 transform: translateX(-50%);
 transition: all 0.2s;
}


/*专家页*/

.doctorList li.doct_li {
 width: 23%;
 float: left;
 border: 1px solid #ddd;
 box-shadow: 2px 2px 3px #ddd;
 padding: 0 0.4vw;
 margin: 1vw 1% 0;
 position: relative;
 height: 410px;
 background: #fff;
 box-sizing: border-box;
}

.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: 16px;
 color: #333;
 line-height: 50px;
 border-bottom: 1px dotted #e1e1e1;
 display: block;
 text-align: center;
}

.doctorList li.doct_li h2 a:hover {
 color: #245CCE;
}

.doctorList li.doct_li p.p_H {
 line-height: 24px;
 font-size: 14px;
 color: #999;
 margin: 10px 4px;
 display: -webkit-box;
 -webkit-line-clamp: 6; 
 -webkit-box-orient: vertical;
 overflow: hidden;
}

span.zhicheng {
 background: url(/Sites/Uploaded/UserUpLoad/20250616/20250616165258.png) no-repeat;
 width: 31px;
 position: absolute;
 height: 35px;
 top: 20px;
 right: -3px;
}

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 {
 height: 35px;
 line-height: 35px;
 padding: 0 40px;
 color: #fff;
 cursor: pointer;
 width: max-content;
 margin: 0 auto;
}

.doc_fz {}

.doc_fz li.current {
 background: #245CCE;
}

.depC_box {
 background: #F7FBFF;
 padding: 2.45vw 2.08vw;
 overflow: hidden;
 display: flex;
}

.depC_fl {
 width: 19.32vw;
 /* float: left; */
 height: 11.25vw;
 flex-shrink: 0;
 margin-right: 2vw;
}

.depC_fl a.dep_img {
 width: 100%;
 height: 100%;
 display: block;
 background-repeat: no-repeat;
 background-size: 100%;
 background-position: center;
 transition: all 0.2s;
}

.depC_fl a.dep_img:hover {
 background-size: 105%;
}

.depC_fr {
 float: right;
 /* width: 36.67vw; */
 font-size: 15px;
 line-height: 30px;
text-indent: 2em;
}

.childDep {
 display: none;
}

.childDep.childDep_shunyi {
 display: block;
}

.childDep_shunyi .ul_slide {
 margin-top: 2.6vw;
}

.childDep.selected {
 display: block;
}

ul.ul_slide li.active {
 background: #245CCE;
 color: #fff;
}

.clildren_dep {
 margin-top: 2.6vw;
}

span.depD_fr_dep_title {
 font-size: 20px;
 color: #2A49C4;
 /* margin-top: 1.4vw; */
 display: block;
}

.depD_f_line {
 width: 100%;
 height: 0.1vw;
 background: #C0D1EB;
 margin-top: 1.3vw;
 margin-bottom: 1.56vw;
 position: relative;
}

.depD_f_line::after {
 content: '';
 width: 0.3vw;
 height: 0.3vw;
 background: #3766AD;
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 border-radius: 50%;
}

ul.article_list_column10 li {
 width: 100%;
 background: #fff;
 border-radius: 0.52vw;
 margin-bottom: 1.56vw;
 overflow: hidden;
 position: relative;
}
ul.article_list_column10 li .details{
 position: absolute;
 right: 2.45vw;
 bottom: 0.82vw;
 color: #245CCE;
 display: none;
}

ul.article_list_column10 li a.title_type {
 background: #245CCE;
 font-size: 16px;
 color: #fff;
 width: 9.09vw;
 height: 8.33vw;
 float: left;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 box-sizing: border-box;
 padding: 0 15px;
}

ul.article_list_column10 li .Scroll_Box {
 font-size: 15px;
 line-height: 30px;
 float: left;
 width: 53.41vw;
 padding: 1.82vw 2.45vw;
 box-sizing: border-box;
 text-indent: 2em;
}
ul.article_list_column10 li .Scroll_Box p{
 height: 4.69vw;
 overflow-y: auto;
 padding-right: 0.5vw;
}
.Scroll_Box p::-webkit-scrollbar {
 width: 6px;
}
.Scroll_Box p::-webkit-scrollbar-thumb {
 background-color: #dae3f9;
 position: relative;
}

.Scroll_Box p::-webkit-scrollbar-track {
  background: #f1f1f1;
}

@media only screen and (max-width: 768px) {
 .dep_box {
 overflow: hidden;
 display: flex;
 flex-wrap: wrap;
 flex-direction: column-reverse;
 }
 .depD_fr {
 width: 100%;
 font-size: 16px;
 float: none;
 }
 .depD_fl {
 float: none;
 width: 100%;
 height: 50vw;
 }
 span.depD_fr_dep_title {
 font-size: 18px;
 margin-top: 2vw;
 }
 .depD_fr p {
 line-height: 24px;
 }
 .depD_fr .more,
 .depC_fr .more {
 width: 20vw;
 height: auto;
 line-height: inherit;
 font-size: 14px;
 margin: 2vw auto 0;
 padding: 1vw;
 }
 ul.article_list_column10 li {
 margin-bottom: 2vw;
 }
 ul.article_list_column10 li a.title_type {
 font-size: 16px;
 width: 100%;
 height: auto;
 padding: 2vw 0;
 }
 ul.article_list_column10 li p {
 font-size: 16px;
 line-height: 24px;
 float: none;
 width: 100%;
 padding: 2vw 2vw 0;
 }
 .clildren_dep {
 margin-top: 2vw;
 }
 ul.ul_slide li {
 width: 33%;
 height: auto;
 margin-right: 0;
 margin-bottom: 2vw;
 padding: 2vw;
 box-sizing: border-box;
 }
 ul.ul_slide li {
 font-size: 16px;
 }
 .depC_box {
 padding: 2vw;
 display: block;
 }
 .depC_fl {
 width: 100%;
 float: none;
 height: 50vw;
 margin-bottom: 2vw;
 }
 .depC_fr {
 float: none;
 width: 100%;
 font-size: 16px;
 line-height: 24px;
 }
 .docImg_box {
 height: 60vw;
 }
 .docImg_des {
 font-size: 16px;
 margin-top: 2vw;
 }
 .docImg_des .docNames {
 font-size: 18px;
 }
 .Depbox {
 padding-bottom: 0;
 }
 ul.article_list_column10 li .Scroll_Box{
  width: 100%;
 }
 ul.article_list_column10 li .Scroll_Box p{
  height: 110px;
 }
}    