﻿.wrap_main{
  position: relative;
  background: #F5F5F5;
 }
 .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;
 }
 .intro_con .text::after{
  content: "";
  display: block;
  clear: both;
 }
 .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;
 }
 
 .leader_wrapper{
   
 }
 .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 {
  background: url(/Content/Areas/Common/images/common/docArrowLeft.png);
  left: -128px;
 }
 .expert_doc .next-doc {
  background: url(/Content/Areas/Common/images/common/docArrowRight.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: 56px;
  background: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  transition: all 0.3s;
  padding: 0 15px;
  box-sizing: border-box;
  text-align: center;
  line-height: 56px;
  font-size: 18px;
  color: #fff;
 }
 .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);
 }
 
 .hist_wrapper{
   
  background: url(/Content/Areas/Common/images/common/histBk.jpg)no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 840px;
  padding-top: 104px;
  box-sizing: border-box;
 }
 .hist_con{
  position: relative;
 }
 .hist_tit{
  display: block;
  margin: 0 auto;
  width: 248px;
  height: 62px;
  line-height: 62px;  
  font-size: 48px;
  font-family: LiSu;
  font-weight: 400;
  color: #FFFFFF; 
  text-align: center;
  background: url(/Content/Areas/Common/images/common/histBk1.png)no-repeat;
 }
 .hist_ul li{
  position: absolute;
  display: none;
  cursor: pointer;
 }
 .hist_ul li .Title {
  font-size: 20px;
  color: #FFFFFF;
  padding-left: 62px;
 }
 .hist_ul li.li_3 .Title,.hist_ul li.li_4 .Title{
  padding-left: 0;
  padding-right: 52px;
 }
 
 .hist_ul{
  position: relative;
  height:600px ;
  z-index: 111;
 }
 .hist_ul .li_0{
  right: 215px;
  top: -30px;
  display: block;
 }
 .hist_ul .li_1{
  right: 140px;
  top: 102px;
  display: block;
 }
 .hist_ul .li_2{
  right: 12px;
  top: 220px;
  display: block;
 }
 .hist_ul .li_3{
  right: -15px;
  top: 363px;
  display: block;
 }
 .hist_ul .li_4{
  right: 86px;
  bottom: 83px;
  display: block;
 }
 .hist_ul .li_5{
  right: 260px;
  bottom: -8px;
  display: block;
 }
 .hist_ul .li_3 .circle,.hist_ul .li_4 .circle{
  left: auto;
 }
 .swiper_btn{
  background: url(/Content/Areas/Common/images/common/histBk2.png)no-repeat;
  width:47px;
  height: 123px;
  line-height: 123px;
  text-align: center;
  cursor: pointer;
 }
 .swiper_btn.dis_btn{
  opacity: 0.5;
 }
 .prev_btn{
  position: absolute;
  right: 108px;
  top: -22px;
 }
 .next_btn{
  position: absolute;
  right: 38px;
  top: -22px;
 }
 .circle {
  position:absolute;
  left: 0px;
  top: -12px;
  right: 0;
  width:40px;
  height:40px;
 }
 
 .circle div {
  position:absolute;
  top:50%;
  left:50%;
  background:#fff;
  margin-left: -20px;
  margin-top:-20px;
  opacity:1;
  border-radius: 50%;
  animation: 1s linear infinite;
  -webkit-animation: 1s linear infinite;
  -ms--webkit-animation: 1s linear infinite;
  -moz--webkit-animation: 1s linear infinite;
  -o--webkit-animation: 1s linear infinite;
 }
 .circle div.c1 {
  width:20px;
  height:20px;
  margin-left:-5px;
  margin-top:-5px;
  opacity:1;
  border-radius: 50%;
 }
 .selected .circle .c2 {
  width:30px;
  height:30px;
  top: 30px;
  left: 30px;
  -webkit-animation-name:c2;
  -ms-animation-name:c2;
  -moz-animation-name:c2;
  -o-animation-name:c2;
  animation-name:c2;  
  
 }
 .selected .circle .c3 {
  width:45px;
  height:45px;
  top: 22px;
  left: 22px;
  -webkit-animation-name:c2;
  -ms-animation-name:c2;
  -moz-animation-name:c2;
  -o-animation-name:c2;
  animation-name:c2; 
 }
 .selected .circle .c4 {
  width:60px;
  height:60px;
  top: 14px;
  left: 14px;
  -webkit-animation-name:c2;
  -ms-animation-name:c2;
  -moz-animation-name:c2;
  -o-animation-name:c2;
  animation-name:c2; 
 }
 
 .hist_matt{
  position: absolute;
  width: 54%;
  left: 23%;
  top: 150px;
  z-index: 1111;
  text-align: center;
 }
 .matt_ul li .title_type{
  font-size: 160px;
  color: #FFFFFF;
 }
 .matt_ul li p{
  font-size: 18px;
  margin: 0 auto;
  color: #FFFFFF;
  margin-top: 90px;
  line-height: 36px;
  display: block;
 }
 .matt_ul li p .detail{
  display: none;
 }
 .matt_ul li{
  display: none;
 }
 .matt_ul li.selected{
  display: block;
 }

 .cult_con{
  overflow: hidden;
 }

 .cult_con_yqzt{
float: left;
  height: 400px;
   
 }
 .cult_ul{
  width: 651px;
  height: 400px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.03);
  padding: 52px 54px 52px 60px;
  box-sizing: border-box;
  float: left;
 }
 .cult_ul .cult_h2{
  text-align: center;
  line-height: 40px;
  margin-bottom: 30px;
 }
 .cult_h2 img{
  vertical-align: -3px;
 }
 .cult_h2 a{
  font-size: 30px;
  color: #1A7A50;
  margin-left: 18px;
 }
 .cult_li {
  width: 260px;
  height: 80px;
  border: 1px solid #DFDFDF;
  border-radius: 8px;
  margin-top: 20px;
 }
 .cult_li a{
  text-align: center;
  display: block;
  line-height: 80px;
  font-size: 18px;
  color: #333333;
 }
 .cult_li:hover{
  border: 1px solid #1A7A50;
 }
 .cult_li:hover a{
  color: #1A7A50;
 }
 .cult_ul .cult_li1,.cult_ul .cult_li3{
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
 }
 
 
 .publ_wrapper{
  background: url(/Content/Areas/Common/images/common/publBk1.png)no-repeat 80% 95%;
 }
 .publ_info1{
  width: 360px;
  height: 500px;
  background: url(/Content/Areas/Common/images/common/publBk.png)no-repeat;
  background-size: cover;
  position: relative;
 }
 .publ_info1 a{
  transition: all 0.3s;
  writing-mode: tb-rl;
  display: block;
  position: absolute;
  letter-spacing: 2px;
  right: 79px;
  top:73px;
  padding-top: 52px;
  font-size: 24px;
  color: #FFFFFF;
  background:url(/Content/Areas/Common/images/common/yzxx.png)no-repeat top center;
 
 }
 .publ_info1 a::before{
  content: ">>>>>>";
  color:rgba(255, 255, 255, 0.24);
  position: absolute;
  left: 2px;
  top: -65px;
  height: 60px;
  overflow: hidden;
  transition: all 0.3s;
 }
 .publ_info1 a:hover::before{
  height: 100px;
  top: -95px;
 }
 .publ_info1 a:hover{
  top: 103px;
 }
 .publ_info2 a{
  display: block;
  width: 260px;
  height: 250px;
  padding-top: 75px;
  box-sizing: border-box;
  text-align: center;
 }
 .publ_info2 a.info2_a1{
  background: #4EA27C;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
 }
 .publ_info2 a.info2_a2{
  background: #CE9E65;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
 }
 .publ_info2 a p{
  margin-top: 36px;
  font-size: 24px;
  color: #FFFFFF;
 }
 .publ_right{
  width: 520px;
 }
 .publ_h2.h2_tit{
  background:url(/Content/Areas/Common/images/common/ywgk.png)no-repeat left center;
 }
 .publ_ul{
  margin-top: 40px;
 }
 .publ_ul li {
  min-height: 72px;
 }
 .publ_ul li .title_type{
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  display: block;
  width: 70%;
 }
 .publ_ul li .span_date{
  float: right;
  font-size: 14px;
  color: #999999;
 
 }
 .publ_ul li:hover .title_type,.publ_ul li:hover .span_date{
  color: #337353;
 }
 .publ_info2 a:hover img{
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
 }
 
 /* 动效 */
 .animate.intro_con .img_box,.animate.intro_con .text,.animate .hist_matt,.animate .cult_h2,.animate .cult_li,.animate.cult_con,
 .animate .publ_left,.animate .publ_left,.animate .publ_right {
   -webkit-transform: translatex(0);
   transform: translatex(0);
   opacity: 1;
   visibility: visible;
 }
 .animate .expert_doc,.animate .report_h2,.animate .hist_ul,.animate .publ_info2 a {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
 }
 .hist_matt,.cult_h2,.cult_li,.publ_left{
  -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,.publ_right  {
  -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,.depter_tit,.report_h2,.hist_ul,.publ_info2 a{
  -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{
  -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){
  .text_h2 a{
 font-size: 0.32rem;
  }
  .publ_info1 a{
 font-size: 0.36rem;
  width: 100%;
  height: 100%;
  padding-top: 3.2rem;
  writing-mode: initial;
  box-sizing: border-box;
  text-align: center;
  background: url(/Sites/Uploaded/UserUpLoad/20210521/20210521182454.png)no-repeat center 44%;
  position: initial;
  }
  .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;
  }
  .leader_ul li .title_type{
  height: 0.56rem;
  line-height: 0.56rem;
  font-size: 0.24rem;
  }
  .hist_wrapper {
  display: none;
  }
  .cult_ul{
  width: 100%;
  height: auto;
  box-shadow: none;
  padding:0;
  }
  .cult_ul .cult_h2{
  margin-bottom: 0;
  }
  .cult_li{
  width: 47.5%;
  height: 0.98rem;
  margin-top: 0.3rem;
  }
  .cult_li a {
  line-height: 0.98rem;
  font-size: 0.32rem;
  }
  .cult_con{
  height: auto;
  background: none;
  }
  .publ_left {
  width: 100%;
  }
  .publ_info1{
  width: 60%;
  height: 6rem;
  }
  .publ_info2{
  width: 40%;
  }
  .publ_info2 a{
  width: 100%;
  height: 3rem;
  padding-top: 0.6rem;
  }
  .publ_info2 a p{
  font-size: 0.36rem;
  margin-top: 0.4rem;
  }
  .publ_right{
  width: 100%;
  margin-top: 0.6rem;
  }
  .publ_ul{
  margin-top: 0.4rem;
  }
  .publ_ul li .title_type{
  width: 70%;
  display: block;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  font-size: 0.32rem;
  line-height: 0.5rem;
  }
  .publ_ul li {
  min-height: 0.6rem;
  }
  
 
 
 
 .hist_matt, .cult_h2, .cult_li,.cult_con,.publ_left, .publ_left, .publ_right {
   -webkit-transform: translatex(0);
   transform: translatex(0);
   opacity: 1;
   visibility: visible;
   transition: all 0s;
 }
  .expert_doc, .report_h2, .hist_ul, .publ_info2 a {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  transition: all 0s;
 }
 .cult_con_yqzt{
  margin-top: 0.4rem;
  width: 100%;
  height: 100%;
 }
 .cult_con_yqzt a img{
  width: 100%;
  height: 100%;
 }
 }
 
 @media only screen and (max-width: 450px){
   .publ_info1 a {
  background: url(/Sites/Uploaded/UserUpLoad/20210521/20210521182454.png)no-repeat center 38%;
   }
 }
  