﻿.wrap_main{
 position: relative;
background: #F5F5F5 url(/Sites/Uploaded/Image/2021/03/096375089472468852186273007.jpg)no-repeat;
}
.wrap_main .linkmap{
 background: transparent;
 position: absolute;
 top: 10px;
 left: 50%;
 margin:0;
 transform:translateX(-50%);
 font-size: 14px;
 color: #FFFFFF;
 padding-left: 0;
}
.wrap_main .linkmap a{
 color: #FFFFFF;
}
.wrap_main .linkmap span{
 color: #FFFFFF;
}
.banner {
 display: block;
}

.intro_con {
 position: relative;
}
.intro_con .img_box img{
 width: 100%;
} 
.intro_con .text{
 position: absolute;
 right: 0;
 top: 0;
 width: 540px;
 height: 460px;
 background: rgba(24, 120, 77, 0.85);
 padding: 40px 60px;
 box-sizing: border-box;
}
.text_h2 a{
 font-size: 24px;
 color: #FFFFFF;
}
.tex_p{
 margin-top: 20px;
 font-size: 14px;
 color: #FFFFFF;
 line-height: 36px;
 text-indent: 2em;
 text-align: justify;
}
.text .details{
 float: right;
 font-size: 14px;
 color: #FFFFFF;
 display: block;
 padding-right: 48px;
 margin-top: 10px;
 transition: all 0.3s;
 background: url(/Content/Areas/Hospitals/images/Main/ztbd1.png)no-repeat 90% 4px;
}
.text .details:hover{
 background: url(/Content/Areas/Hospitals/images/Main/ztbd1.png)no-repeat 100% 4px;
}
.dynam_left {
 width: 860px;
}
.lb .swiper-box {
 width: 400px;
 height: 272px;
 overflow: hidden;
 position: relative;
}
.link_li .link_a {
 width: 100px;
 height: 30px;
 border: 1px solid #CACACA;
 border-radius: 15px;
 display: block;
 font-size: 14px;
 font-family: Microsoft YaHei;
 font-weight: 400;
 color: #666666;
 line-height: 30px;
 text-align: center;
}
.link_li .link_a:hover{
 color: #165837;
 border: 1px solid  #165837;
}
.swiper-slide .Img_Box{
 width: 100%;
 height: 100%;
}
.swiper-slide .Img_Box img {
 width: 100%;
 height: 100%;
}
.swiper-wrapper .content_box{
 position: absolute;
 bottom: 0;
 left: 0;
 height: 64px;
 background:rgba(0, 0, 0, 0.4);
 width: 100%;
 padding-left:32px;
 box-sizing: border-box;
}
.swiper-slide .Img_Box img{
 width:100%;
}
.content_box h2 a{
 font-size: 16px;
 font-weight: 400;
 color: #FFFFFF;
 line-height: 64px;
}
.lb .swiper-box .pagination{
 position: absolute;
 bottom: 22px;
 z-index: 11;
 right: 10px;
 left: auto;
 text-align: right;
}
.pagination span{
 width: 24px;
 height: 4px;
 background: rgba(255, 255, 255, 0.8);;
 border-radius: 2px;
}
.pagination span.swiper-pagination-bullet-active{
 background: #FFFFFF;
}
.news_list {
 width: 430px;
}

.list_ul li .times{
 font-size: 18px;
 font-weight: 400;
 color: #666666;
 line-height: 30px;
}
.times .day{
 font-size: 36px;
}
.times .a_more{
 font-size: 16px;
 font-weight: 400;
 color: #9D9D9D;
 line-height: 36px;
 float: right;
 display: block;
 background:url(/Content/Areas/Common/images/common/moreBk.png)no-repeat left center;
 padding-left: 74px;
}
.list_ul li .title_type{
 margin-top: 5px;
 font-size: 16px;
 color: #666666;
 line-height: 24px;
 display: block;
}
.list_ul li{
 margin-bottom: 35px;
}
.list_ul li:last-child{
 margin-bottom: 0;
}
.list_ul li:hover .times,.list_ul li:hover .title_type{
 color: #165837;
}
.list_ul li:hover .times .a_more{
 background:url(/Content/Areas/Common/images/common/moreBk1.png)no-repeat left center;
 color: #165837;
}
.dynam_h2.h2_tit {
 background: url(/Content/Areas/News/images/HuLiYuanDi/dt_icon.png)no-repeat left center;
}
.dynam_left .cont_com{
  margin-top: 24px;
}

.dynam_right{
 width: 280px;
 height: 324px;
 background: url(/Sites/Uploaded/UserUpLoad/20210517/20210517104712.jpg)no-repeat center;
 position: relative;
}
.dynam_right a{
 transition: all 0.3s;
 writing-mode: tb-rl;
 display: block;
 position: absolute;
 letter-spacing: 2px;
 right: 50px;
 top:76px;
 padding-top: 52px;
 font-size: 24px;
 color: #FFFFFF;
 background:url(/Content/Areas/News/images/HuLiYuanDi/px_icon.png)no-repeat top center;
}
.dynam_right a::before{
 content: ">>>>>>";
 color:rgba(255, 255, 255, 0.24);
 position: absolute;
 left: 2px;
 top: -65px;
 height: 60px;
 overflow: hidden;
 transition: all 0.3s;
}
.dynam_right a:hover::before{
 height: 100px;
 top: -95px;
}
.dynam_right a:hover{
 top: 103px;
}

.publ_right {
 padding: 40px 0;
}
ul.publ_ul li {
 line-height: 37px;
 background: url(/Sites/Uploaded/UserUpLoad/20210422/20210422102136.png) no-repeat left center;
 margin-bottom: 30px;
 padding-left: 35px;
}
ul.publ_ul li .span_date {
 float: right;
 color: #666;
 font-size: 26px;
}

ul.publ_ul li a {
 font-size: 18px;
}
.publ_right .dynam_h2.h2_tit{
 margin-bottom: 35px;
}
.leader_wrapper .h2_tit {
 background: url(/Content/Areas/Common/images/common/leader.png)no-repeat left center;
 margin-bottom: 32px;
}
.expert_doc{
 position: relative;
}
.swiper-box{
 overflow: hidden;
}
.expert_doc .prev-doc,.expert_doc .next-doc {
 width: 78px;
 height: 78px;
 top: 50%;
 transform: translateY(-50%);
 margin-top: 0;
}
.expert_doc .prev-doc:hover {
 background: url(/Content/Areas/Common/images/common/docArrowLeft.png);
}
.expert_doc .next-doc:hover {
 background: url(/Content/Areas/Common/images/common/docArrowRight.png);
}
.expert_doc .prev-doc {
 background: url(/Content/Areas/Common/images/common/docArrowLeft1.png);
 left: -128px;
}
.expert_doc .next-doc {
 background: url(/Content/Areas/Common/images/common/docArrowRight1.png);
 right: -128px;
}

.expert_doc  .swiper-button-prev.swiper-button-disabled {
 background: url(/Content/Areas/Common/images/common/docArrowLeft1.png) ;
 opacity: 1;
}
.expert_doc .swiper-button-next.swiper-button-disabled {
 background: url(/Content/Areas/Common/images/common/docArrowRight1.png);
 opacity: 1;
}
.leader_ul li{
 position: relative;
}
.leader_ul li .title_type{
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 65px;
 background: rgba(0, 0, 0, 0.6);
 overflow: hidden;
 transition: all 0.3s;
 padding: 5px;
 box-sizing: border-box;
 text-align: center;
 line-height: 27px;
 font-size: 18px;
 color: #fff;
}
.title_type a{
  font-size: 17px;
  color: #fff;
}
.title_type .type_desk{
  font-size: 15px;
  line-height: 20px;
  margin-top: 5px;
}

.title_type .dep_p{
  display:none;
  font-size:15px;
  margin-top: 5px;
}
.leader_ul li:hover .title_type{
  height: 100%;
  padding:20px 10px;
}
.leader_ul li:hover .title_type .dep_p{
  display:block;
  text-align: left;
}

.leader_ul li .img_box{
 display: block;
 width: 100%;
 height: 100%;
 overflow: hidden;
}

.leader_ul li .img_box img{
 width: 100%;
 transition: all 0.3s;
}
.leader_ul li:hover .img_box img{
 transform: scale(1.05);
}

.showBox {
 height: 60px;
 background: rgba(0, 0, 0, 0.6);
 position: absolute;
 bottom: 0;
 width: 100%;
 color: #fff;
 font-size: 16px;
 padding: 0 20px;
 box-sizing: border-box;
 transition: all 0.2s;
}
.showBox .title_type {
 color: #fff;
 font-size: 16px;
 display: block;
 height: 60px;
 line-height: 60px;
 text-align: center;
}
.showBox p {
 font-size: 14px;
 color: #fff;
 line-height: 28px;
}

/* 动效 */
.animate .cult_h2,.animate .cont_com .lb,.animate .cont_com .news_list{
  -webkit-transform: translatex(0);
  transform: translatex(0);
  opacity: 1;
  visibility: visible;
}
.animate .expert_doc,.animate .h2_tit,.animate .dynam_right{
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 visibility: visible;
}
.hist_matt,.cult_h2,.cult_li,.cont_com .lb{
 -webkit-transition: all 4s cubic-bezier(.08, .82, .17, 1);
 transition: all 4s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateX(-100px);
 transform: translateX(-100px);
 opacity: 0;
 visibility: hidden;
}
.cult_con,.cont_com .news_list{
 -webkit-transition: all 4s cubic-bezier(.08, .82, .17, 1);
 transition: all 4s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateX(100px);
 transform: translateX(100px);
 opacity: 0;
 visibility: hidden;
}
.news_tit{
 -webkit-transition: all 4s cubic-bezier(.08, .82, .17, 1);
 transition: all 4s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateY(-60px);
 transform: translateY(-60px);
 opacity: 0;
 visibility: hidden;
}
.rapid_ul .rapid_li,.dynam_right{
 -webkit-transition: all 4s cubic-bezier(.08, .82, .17, 1);
 transition: all 4s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateY(-100px);
 transform: translateY(-100px);
 opacity: 0;
 visibility: hidden;
}
.expert_doc {
 -webkit-transition: all 4s cubic-bezier(.08, .82, .17, 1);
 transition: all 4s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0;
 visibility: hidden;
}



@-webkit-keyframes c2 {
 0% {
 -webkit-transform:scale(.222);
 -ms-transform:scale(.222);
 -moz-transform:scale(.222);
 -o-transform:scale(.222);
 transform:scale(.222);
 opacity:1
 }
 50% {
 -webkit-transform:scale(.622);
 -ms-transform:scale(.622);
 -moz-transform:scale(.622);
 -o-transform:scale(.622);
 transform:scale(.622);
 opacity:.4
 }
 98% {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 -moz-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1);
 opacity:.2
 }
 100% {
 opacity:0
 }
}
@-ms-keyframes c2 {
 0% {
 -webkit-transform:scale(.222);
 -ms-transform:scale(.222);
 -moz-transform:scale(.222);
 -o-transform:scale(.222);
 transform:scale(.222);
 opacity:1
 }
 50% {
 -webkit-transform:scale(.622);
 -ms-transform:scale(.622);
 -moz-transform:scale(.622);
 -o-transform:scale(.622);
 transform:scale(.622);
 opacity:.4
 }
 98% {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 -moz-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1);
 opacity:.2
 }
 100% {
 opacity:0
 }
}
@-moz-keyframes c2 {
 0% {
 -webkit-transform:scale(.222);
 -ms-transform:scale(.222);
 -moz-transform:scale(.222);
 -o-transform:scale(.222);
 transform:scale(.222);
 opacity:1
 }
 50% {
 -webkit-transform:scale(.622);
 -ms-transform:scale(.622);
 -moz-transform:scale(.622);
 -o-transform:scale(.622);
 transform:scale(.622);
 opacity:.4
 }
 98% {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 -moz-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1);
 opacity:.2
 }
 100% {
 opacity:0
 }
}
@-o-keyframes c2 {
 0% {
 -webkit-transform:scale(.222);
 -ms-transform:scale(.222);
 -moz-transform:scale(.222);
 -o-transform:scale(.222);
 transform:scale(.222);
 opacity:1
 }
 50% {
 -webkit-transform:scale(.622);
 -ms-transform:scale(.622);
 -moz-transform:scale(.622);
 -o-transform:scale(.622);
 transform:scale(.622);
 opacity:.4
 }
 98% {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 -moz-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1);
 opacity:.2
 }
 100% {
 opacity:0
 }
}
@keyframes c2 {
 0% {
 -webkit-transform:scale(.222);
 -ms-transform:scale(.222);
 -moz-transform:scale(.222);
 -o-transform:scale(.222);
 transform:scale(.222);
 opacity:1
 }
 50% {
 -webkit-transform:scale(.622);
 -ms-transform:scale(.622);
 -moz-transform:scale(.622);
 -o-transform:scale(.622);
 transform:scale(.622);
 opacity:.4
 }
 98% {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 -moz-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1);
 opacity:.2
 }
 100% {
 opacity:0
 }
}

@media only screen and (max-width: 768px){
  .cult_h2, .cont_com .lb, .cont_com .news_list{
 -webkit-transform: translatex(0);
 transform: translatex(0);
 opacity: 1;
 visibility: visible;
 transition: all 0s;
   }
    .expert_doc, .h2_tit, .dynam_right{
   -webkit-transform: translateY(0);
   transform: translateY(0);
   opacity: 1;
   visibility: visible;
 transition: all 0s;
   }
   .intro_con .img_box{
 display: none;
 }
 .intro_con .text{
 position: inherit;
 width: 100%;
 height: auto;
 padding: 0.3rem;
 }
 .tex_p{
 line-height: 0.5rem;
 font-size: 0.30rem;
 margin-top: 0.30rem;
 }
 .intro_con .text::after {
 content: "";
 display: block;
 clear: both;
 }
 .dynam_left,.cont_com{
 width: 100%;

 }
 .lb .swiper-box{
 width: 100%;
 height: 460px;
 }
 .cont_com .lb{
 float: none;
 margin-top: 0.4rem;
 }
 .swiper-wrapper .content_box{
 height: 0.8rem;
 padding-left: 0.4rem;
 }
 .content_box h2 a{
 line-height: 0.8rem;
 font-size: 0.28rem;
 }
 .pagination span{
 width: 15px;
 }
 .lb .swiper-box .pagination{
 bottom: 28px;
 }
 .news_list{
 width: 100%;
 }
 .list_ul li{
 margin: 0.4rem 0;
 }
 .times .day{
 font-size: 0.36rem;
 }
 .list_ul li .times{
 font-size: 0.24rem;
 }
 .times .a_more{
 background-size: 55%;
 font-size: 0.28rem;
 padding-left: 1rem;
 line-height: 30px;
 }
 .list_ul li{
 min-height: auto;
 }
 .dynam_right {
 width: 100%;
 margin-top: 0.4rem;
 background-size: cover;
 }
 .text_h2 a {
 font-size: 0.32rem;
 }
  .leader_ul li .title_type{
  height: 0.56rem;
  line-height: 0.56rem;
  font-size: 0.24rem;
  padding:0;
  }
  .leader_ul li:hover .title_type{
  height: 0.56rem;
  padding:0;
 }
 .leader_ul li .title_type a{
 line-height: 0.56rem;
 font-size: 0.24rem;
 }
 .dynam_right{
   height: 200px;
 }
  .dynam_right a {
   writing-mode: inherit;
   display: block;
   position: initial;
   letter-spacing: 2px;
   right: 50px;
   top: 76px;
   padding-top: 0;
   font-size: 24px;
   color: #FFFFFF;
   background: url(/Content/Areas/News/images/HuLiYuanDi/px_icon.png)no-repeat 40% center;
   height: 100%;
   line-height: 200px;
   text-align: center;
   padding-left: 40px;
  }
  .dynam_right a::before{
 display:none;
  }
}
@media only screen and (max-width: 500px){
  .lb .swiper-box{
 height: 260px;
 }
 .dynam_right a {
   background: url(/Content/Areas/News/images/HuLiYuanDi/px_icon.png)no-repeat 35% center;
  }
  .lb .swiper-box .pagination {
 bottom: 17px;
}
}
@media only screen and (max-width: 420px){
 .lb .swiper-box{
 height: 234px;
 }
 .dynam_right{
   height: 160px;
 }
  .dynam_right a {
   background: url(/Content/Areas/News/images/HuLiYuanDi/px_icon.png)no-repeat 30% center;
   line-height: 160px
 
  }
.lb .swiper-box .pagination{
 bottom: 12px;
 }
}
 