* {
  padding: 0;
  margin: 0;
}
body {
  position: relative;
}
img {
  vertical-align: middle;
}
a {
  text-decoration: none;
}
.special_bigbanner {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  margin-bottom: 3%;
}
.special_content_box {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 2%;
  text-align: center;
  position: relative;
  background-color: #fff;
}
.special_content_box h1 {
  text-align: center;
  font-size: .96rem;
  color: #333131;
  letter-spacing: 3px;
  line-height: 1.4;
  font-weight: bold;
}
.special_content_box h1 span {
  font-size: 1.28rem;
  color: #41c1ce;
  font-weight: bold;
}
.special_problem_box {
  width: 96%;
  margin: 0 auto;
  margin-bottom: 5%; margin-top: 5%;

}
.special_problem {
  margin: 3% 0 21%;
  display: flex;
  justify-content: space-evenly;
}
.special_problem .special_problem_item {
  width: 30%;
  text-align: center;
  position: relative;
  /* background-color: #ccc; */
}
.special_problem .special_problem_item img {
  width: 100%;
}
.special_problem_text {
  position: absolute;
  left: 0;
  bottom: -54%;
  width: 100%;
  height: 64%;
  background-color: #fd5c63;
  color: #fff;
  font-weight: bold;
  font-size: .64rem;
 
  align-items: center;
  line-height: 1.6;
  justify-content: center;
}
.special_problem_text p{font-size:0.325rem}
.special_problem_text::after {
  content: '';
  position: absolute;
  left: 0;
  top: -.32rem;
  z-index: 1;
  border-right: .48rem #41c1ce solid;
  border-top: transparent .32rem solid;

}
.special_problem_text::before {
  content: '';
  position: absolute;
  right: 0;
  top: -.32rem;
  z-index: 1;
  border-left: .48rem #41c1ce solid;
  border-top: transparent .32rem solid;

}

.special_explain {
  width: 92%;
  margin: 5% 4% 3%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.special_explain  img {
  height: 8.2667rem;
  width: 8rem;
  box-shadow: 0px 0px 35px 0px 
		rgba(244, 43, 51, 0.15);
	border-radius: 20px;  
}
.special_explain .special_explain_text {
  flex: 1;
  display: flex;
  padding-left: 5%;
  flex-direction: column;
  justify-content: space-around;
}
.special_explain .special_explain_text p {
  font-size: .48rem;
  letter-spacing: 2px;
  line-height: 1.6;
	color: #666666;
  text-align: left;
  margin-bottom: 5%;
 }
 .special_type_box {
  width: 94%;
  margin: 5% 3%;
 }
 .special_type {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 3% 0;
 }
 .special_type_item {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2%;
 }
 .special_type_item img {
  width: 80%;
  margin-bottom: 3%;

 }
 .special_type_item span {
    display: inline-block;
    color: #fff;
    background-color: #fd5c63;
    box-shadow: 0px 4px 8px 0px 
      rgba(72, 94, 127, 0.2);
    font-size: .64rem;
    border-radius: .4267rem;
    font-weight: bold;
    padding: .1333rem .5333rem;
 }
.special_advantage_box {
  width: 92%;
  margin: 2% 4%;
}
.special_advantage {
  margin-top: 6%;
}
 .special_advantage_item {
  margin-top: 4%;
  display: flex;
  justify-content: space-between;
  align-items: center;
 }
 .special_advantage_item img {
  /* width: 30%; */
  width: 5.52rem;
  height: 3.6rem;
  box-shadow: 0px 0px 35px 0px 
		rgba(244, 43, 51, 0.15);
 }
 .special_advantage_item .special_advantage_info {
  width: 67%;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
 }
 .special_advantage_item .special_advantage_info h3 {
  color: #41c1ce;
  font-size: .5933rem;
  margin-bottom: 3%;
 }
 .special_advantage_item .special_advantage_info h4 {font-size: .4933rem;margin-bottom: 3%;}
 .special_advantage_item .special_advantage_info p {
  color: #666666;
  font-size: .42rem;
  line-height: 1.6;
  display:-webkit-box; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:6; 
	overflow:hidden; 
	text-overflow:ellipsis; 
 }
 .special_step_box {
  margin-top: 8%;
 }
 .step_bg {
  padding: 5% 0;
  width: 96%;
  margin-left: 2%;
  position: relative;
}
.step_bg img {
  width: 100%;
}
.step_bg .step_item {
  position: absolute;
  right: 3%;
  top: 7.5%;
  width: 35%;
  text-align: left;
}
.step_bg .step_item h3 {
  color: #41c1ce;
  font-size: .8rem;
  font-weight: bold;
}
.step_bg .step_item p {
  margin-top: 1%;
  font-size: .5333rem;
  line-height: 1.4;
  color: #666666;
}
.step_bg .step_item:nth-child(2n - 1) {
  left: 4%;
}
.step_bg .step_item:nth-child(2n - 1) h3 {
  padding-right: .2667rem;
  text-align: right;
}
.step_bg .step_item:nth-of-type(2) {
  top: 20%;
}
.step_bg .step_item:nth-of-type(3) {
  top: 32%;
}
.step_bg .step_item:nth-of-type(4) {
  top: 46%;
}
.step_bg .step_item:nth-of-type(5) {
  top: 58%;
}
.step_bg .step_item:nth-of-type(6) {
  top: 72%;
}
.special_team {
  position: relative;

}
 .special_team_box {
  width: 92%;
  margin: 5% 4%;
  overflow: hidden;
 }
 .special_team img {
  width: 100%;
 }
 .special_team_title {
    display: flex;
    align-items: center;
    position: relative;
    margin: 6% 0 2% 0;
 }
  .special_team_title:first-child {
   margin-top: 1%;
  }
 .special_team_title  span {
  margin-top: 6px;
  flex: 1;
  height: 2px;
  position: relative;
  background-image: linear-gradient(90deg, 
  #f53f46 0%,
  #fddfe0 100%);
 }
 .special_team_title  span:first-child {
  background-image: linear-gradient(90deg, 
  #fddfe0 0%,
  #f53f46 100%);
 }
 .special_team_title  span:first-child::before {
  content: '';
  position: absolute;
  right: 0;
  top: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #41c1ce;
 }
 .special_team_title  span:last-child::after {
  content: '';
  position: absolute;
  left: 0;
  top: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #41c1ce;
 }
 .special_team_title h1 {
  margin: 0 .4rem;
  color: #41c1ce;
  font-size: .96rem;
  position: relative;
  z-index: 2;
  font-weight: bold;
 }
 .special_team_title .stroke {
  position: absolute;
  top: .1067rem;
  color: #fff;
  z-index: 1;
  -webkit-text-stroke: 1px #41c1ce;
 }  
 .special_team_text {
  font-size: .5933rem;
  line-height: 1.8;
  color: #0d0909;
  text-align: left;
  margin: 0 auto;
  width: 96%;
 }
 .special_team_text span {
  font-size: .9067rem;
  color: #41c1ce;
 }
 .flexsb {
  display: flex;
  justify-content: space-around;
  margin: 2% 0;
 }
 .flexsb img {
  /* width: 48%; */
  width: 8.8rem;
  height: 5.3333rem;
  box-shadow: 0px 4px 8px 0px 
		rgba(72, 94, 127, 0.2);
 }
 .tram_swiper {
  position: relative;
 }
 .tram_swiper .swiper {
  padding: 10px 18px 10px 0;
  text-align: left;
 }
 .tram_swiper .swiper-slide {
  box-shadow: 0px 4px 8px 0px 
    rgba(72, 94, 127, 0.2);
  border-radius: 10px;
  border: solid 1px #fd5c63;
  justify-content: space-between;
 }

 .tram_swiper .swiper-slide img {
  /* width: 3.7333rem;
  height: 7.3333rem; */
  /* width: 43%; */
    width: 3.6rem;
    height: 4.4rem;
    box-sizing: border-box;
    border-radius: 10px;
    border-right: 1px solid #fd5c63;
 }
 .tram_swiper .swiper-slide .doctor_info {
  padding:  2%;
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
 }
 .tram_swiper .swiper-slide .doctor_info .doctor_name {
  color: #fd5c63;
  font-size: .64rem; 
  font-weight: bold;
  text-align: center;
}
.tram_swiper .swiper-slide .doctor_info .doctor_position {
  color: #fd5c63;
  font-size: .4267rem;
  margin: 0.2667rem auto;
  line-height: 1.2;
  font-weight: bold;
  width: 85%;
  text-align: center;
}

 
 .tram_swiper .swiper-slide .doctor_info .doctor_skill {
  color: #666;
  font-size: .4267rem;
  /* height: 3.3rem; */
  line-height: 1.6;
  display:-webkit-box; 
  -webkit-box-orient:vertical; 
  -webkit-line-clamp:4; 
  overflow:hidden; 
  text-overflow:ellipsis; 
 }

 .flex .doctor_btn {
  text-align: center;
  width: 70%;
  background-color: #ffa11e;
  box-shadow: 1px 3px 0px 0px rgb(252 191 23 / 44%);
  border-radius: 17px;
  color: #fff;
  margin: 0 auto;
  font-weight: bold;
  padding: 0.1333rem 0;
  font-size: .48rem;
}
.doctor_btn_left, .doctor_btn_right {
  flex: 1;
  font-size: .4267rem;
  text-align: center;
  padding: .11rem 0 .2rem;
  color: #ffa41e;
}
.doctor_btn_left {
  border-top-left-radius:  20px;
  border-bottom-left-radius:  20px;
  background-image: linear-gradient(90deg, #fcbf17 0%, #feaf1b 50%, #ff9e1f 98%, #fbbe16 100%), 
	  linear-gradient(#fffefe, #fffefe);
	background-blend-mode: normal, normal;
  color: #fffefe;
}
.tram_swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -10%;
}
.tram_swiper .swiper-pagination-bullet-active {
  background-color: #fd5c63;
}
.special_honor_box {
  display: none;
  overflow: hidden;
  width: 94%;
  margin-left: 3%;
}
.special_honor_box .honor_swiper {
  margin-top: 3%;
  position: relative;
  background-color: #f0f1f3;
  padding-bottom: 3%;
  z-index: 1;
}
.special_honor_box .honor_swiper img {
  width: 100%;
}
.special_honor_box .swiper-pagination-bullets.swiper-pagination-horizontal {
  height: .8rem;
  line-height: 2;
  bottom: 2%;
}
.special_honor_box .swiper-pagination-bullet-active {
  background-color: #fd5c63;
}


.special_content_box .special_btn {
  display: inline-block;
  padding: .2667rem .6667rem;
  color: #41c1ce;
  font-size: .6933rem;
  box-shadow: 2px 5px 0px 0px 
		rgba(65, 193, 206, 0.44);
	border-radius: .8rem;
  font-weight: bold;
	border: solid .16rem #41c1ce;
}
.special_moreBtn {
  display: inline-block;
  color: #fff;
  overflow: hidden;
  font-size: .6933rem;
	border-radius: .8rem;
  font-weight: bold;
	border: solid .16rem #41c1ce;
  color: #fdb719;
  box-shadow: 2px 5px 0px 0px 
  rgba(252, 191, 23, 0.44);
  background-image: linear-gradient(90deg, 
  #fcbf17 0%, 
  #feaf1b 50%, 
  #ff9e1f 98%, 
  #ffa11e 100%), 
linear-gradient(
  #41c1ce, 
  #41c1ce);
}
.special_moreBtn span,.special_moreBtn .special_more  {
  padding: .2667rem .5333rem;
}
.special_content_box .special_moreBtn span {
  background-color: #fff;
  padding-right: .6667rem;
  border-top-left-radius: .8rem;
  border-bottom-left-radius: .8rem;
}
.special_moreBtn .special_more {
  padding-left: .6667rem;
  color: #fff;
}

.flex {
  display: flex;
}

.special_bottom {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 750px;
  width: 100%;
  height: 10vh;
  z-index: 0;
  background-color: #fd5c63;
}

.special_content_box .swiper {
  width: 95%;
  height: 100%;
}

.special_content_box .swiper-slide {
  font-size: 18px;
  overflow: hidden;
}
.flex {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.flexs {
  display: flex;
}
.tram_swiper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 10px;
  background-color: #fff;
  z-index: 99;
}
.swiper-pagination{width: 100%;}
.swiper-pagination-bullet{margin: 0 5px;}


@media screen and (max-width: 600px){
    .tram_swiper::after {
        width: 6px;
    }
}


@media screen and (min-width: 750px) {
  html {
    font-size: 37.5px !important;
  }
}
@media screen and (max-width:520px) { 
  .tram_swiper .swiper-slide .doctor_info .doctor_skill {
    -webkit-line-clamp: 3;
  }
}
@media screen and (max-width:375px) {
  .tram_swiper .swiper-slide .flex .doctor_btn span {
    display: none;
  }
  .tram_swiper::after {
    width: 3px;
}

  .special_honor_box .swiper-pagination-bullets.swiper-pagination-horizontal {
    line-height: 0;
  }
  .tram_swiper .swiper-slide .doctor_info .doctor_position {
    margin: 0 auto;
  }
}