.hk_content .hk_content_box .service_list {
  
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.hk_content .hk_content_box .service_list .service_item {
  width: 1.875rem;
	height: 1.875rem;
	background-color: #ffffff;
	box-shadow: 0px 1px 8px 0px #c7c5c4;
  margin-top: .6771rem;
  text-align: center;
  /* padding-top: 25px; */
  border-radius: 50%;
  transition: all .2s;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hk_content .hk_content_box .service_list p {
  margin-top: .2083rem;
  font-family: OPPOSans-M;
	font-size: .2396rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: .0208rem;
	color: #666666;
  text-align: center;
}
.hk_content .hk_content_box .service_list .service_item .img_box {
  height: .9375rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.hk_content .hk_content_box .service_list .service_item .img_box .img_item {
  position: relative;
  top: 0;
  transition: all .3s;
}
.hk_content .hk_content_box .service_list .service_item .img_box .img_item>img {
  height: .9375rem;
  width: auto;
  filter: drop-shadow( 0 .9375rem #fff)
} 

.hk_content .hk_content_box .service_list .service_item h4 {
  margin-top: .1042rem;
  font-family: OPPOSans-M;
	font-size: .1875rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.8;
	letter-spacing: 0px;
	color: #666666;
  transition: all .3s;

}
.hk_content .hk_content_box .service_list .service_item h5 {
  /* margin-top: 5px; */
  font-family: SHPinscher-Regular;
	font-size: .1458rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.6;
	letter-spacing: 0px;
	color: #666666;
  transition: all .3s
}


.hk_content .hk_content_box .service_list a:hover .service_item .img_item {
  top: -0.9375rem;
}
.hk_content .hk_content_box .service_list a:hover .service_item {
  background-color: #8c8a8a;
}
.hk_content .hk_content_box .service_list a:hover .service_item{
  background-color: #8c8a8a;
}
.about {
  display: flex;
  justify-content: space-between;
  margin-top: 1.0417rem;
}
.about_l{width: 5.2083rem;}
.about_l .radio{height:4.2188rem;position:relative;}
.about_l .shipin-pic{width: 5.2083rem;height: 4.2188rem; position: relative;}
.shipin-pic p {
  position: absolute;
  bottom: 5%;
  left: 5%;
  font-family: OPPOSans-M;
	font-size: .1667rem;
	color: #ffffff;
}
.shipin-pic img {
  width: 5.2083rem;height: 4.2188rem;
}
.about_l .shipin-pic span{padding-left: 0;width: 100%;height: 100%;}                       
.about_l .shipin-vedio{display: none;}
.about_l .shipin-vedio {position: absolute; width: 5.2083rem;height: 4.2188rem;left: 0;top: 0;background: #000;}
.shipin-vedio video{width: 100%;height: 100%;}
.shipin-title{width: 6.2813rem; padding-left: .5208rem; font-size: .1667rem; color: #fff;
          position: absolute; display: block; left: 0; bottom: 0; height: .3125rem; line-height: 11px;z-index: 3;}
.shipin-title i{width: .3958rem; height: .3958rem; font-size: 0; line-height: 0; display: block;background: url(http://www.ckj100.com/images/shinpin-mask.png) no-repeat 0 0;background-position: 0 0; position: absolute; left: .0833rem; top: -0.1458rem;}
.about_r{width: 5.8333rem;}
.a_title {
	font-family: OPPOSans-B;
	font-size: .2917rem;
	letter-spacing: .0313rem;
	color: #666666;
  font-weight: bold;
  margin-bottom: .1042rem;
  line-height: 1;
}
.about_r p {
	font-family: OPPOSans-M;
	font-size: .1875rem;
	line-height: 1.6;
	color: #666666;

}
.about_r p  a {
  color: #e34985;
}
.num_list {
  margin-top: .1042rem;
  display: flex;
}
.num_list .num {
  margin-right: .7813rem;
  text-align: center;
	font-family: OPPOSans-M;
	font-size: .1771rem;
  line-height: 1.7;
	color: #666666;
}
.num_list .num p {
  width: .9896rem;
  height: .9896rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: solid 1px #8c8a8a;
  font-family: OPPOSans-H;
	font-size: .2917rem;
	font-weight: normal;
	font-stretch: normal;
	color: #e34985;
  margin-bottom: .0521rem;
  font-weight: bold;
}
.num_list .num p span {
  position: relative;
  font-size: .1979rem;
  line-height: 1;
  font-weight: normal;
  padding-left: .0313rem;
}
.num_list .num p span::after {
  content: '';
  position: absolute;
  top: -0.1354rem;
  right: -0.1042rem;
  font-weight: bold;
  font-family: OPPOSans-H;
	font-size: .1979rem;
	color: #e34985;
}
.yy {
  position: absolute; 
  top: .4167rem;
  left: 50%;
  transform: translateX(-50%);
}
.yy>p {
  font-family: OPPOSans-B;
	font-size: .375rem;
	font-weight: bold;
	color: #1e1e1e;
  text-align: center;
}
.yy_list {
  margin-top: .7292rem;
  display: flex;
  justify-content: space-between;
}
 .yy_item {
  width: 2.0313rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
} 
.yy_item img {
  width: 1.6667rem;
  height: 1.6667rem;
}
.yy_item  span {
  font-family: OPPOSans-M;
	font-size: .25rem;
	color: #666666;
  margin: .2083rem 0;
}
.yy_item p {
  font-family: OPPOSans-M;
	font-size: .1667rem;
	line-height: 1.6;
	color: #666666;
  white-space: nowrap;
  margin-top: .0521rem;
}
.btn_list {
  margin-top: .625rem;
  display: flex;
  justify-content: center;
}
.btn_list a {
  font-family: OPPOSans-M;
	font-size: .2917rem;
	color: #ffffff;
  padding: .1042rem .6771rem .1354rem;
  border-radius: .125rem;
  background-color: #fdaf1b;
  margin-right: .8333rem;
}
.btn_list a:last-child {
  background-color: #a3a3a3;
}
.doctorSwiper {
  margin-bottom: 1.0417rem;
}
.doctorSwiper .swiper-slide {
  display: flex;
  /* justify-content: space-between; */
}
.doctor {
  width: 2.1875rem;
  border: 1px solid #eae9e9;
  text-align: center;
  padding-bottom: .1563rem;
  transition: all .5s;
  margin: 0 5px;
}
.doctor img {
  margin-bottom: .0521rem;
}
.doctor span {
	font-family: OPPOSans-B;
	font-size: .25rem;
	letter-spacing: 2px;
	color: #666666;
  transition: all .5s;

}
.doctor p {
  transition: all .5s;
  white-space: nowrap;
  font-family: OPPOSans-M;
	font-size: .1667rem;
	letter-spacing: 2px;
	color: #666666;
  margin: .1042rem 0 .2083rem;
}
.doctor  a {
  transition: all .5s;
  padding: 3px .1563rem;
  border-radius: .3646rem;
  border: solid 1px #666666;
  font-family: OPPOSans-M;
	font-size: .1875rem;
	letter-spacing: 2px;
	color: #666666;
}
.doctor:hover {
  background-color: #e34986;
}
.doctor:hover p, 
.doctor:hover span{
  color: #fff;
  border-color: #fff;
}
.doctor:hover a {
  color: #fff;
  border-color: #fff;
}
.hk_content .swiper-pagination-bullet {
  width: .2083rem;
  height: .2083rem;
}
.hk_content .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.hk_content .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin:  0 .0833rem;

}
.hk_content .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: .3125rem;
}
.hk_content .swiper-pagination-bullet-active {
  background-color: #959595;
}
.hk_content_box>p {
  font-family: OPPOSans-B;
	font-size: .375rem;
	font-weight: bold;
	color: #1e1e1e;
  text-align: center;
}
.hjSwiper {
  margin: .5208rem 0 1.5625rem;
}
#time {
  position: absolute;
  top: 1.4583rem;
  left: 8.6667rem;
  background-color: #dcdcdc;
  padding: .1042rem;
  font-family: OPPOSans-B;
	font-size: .2083rem;
	font-weight: normal;
	font-stretch: normal;
	color: #ffffff;
  white-space: nowrap;
}
.kf1 {
  position: absolute;
  top: 4.2188rem;
  left: 6.7708rem;
  width: 6.1458rem;
  height: 1.4583rem;
}
.kf2 {
  position: absolute;
  top: 6.0938rem;
  left: 8.5938rem;
  width: 2.5521rem;
  height: .625rem;
}
.yy_box {
  position: absolute;
  left: 4.2708rem;
  bottom: .5729rem;
  width: 11.7708rem;
  display: flex;
  justify-content: space-between;
}
.hk_content .info {
  position: absolute;
  left: 4.2708rem;
  bottom: 1.6146rem;
  width: 11.7708rem;
  text-align: left;
  font-family: OPPOSans-M;
	font-size: .2917rem;
	letter-spacing: .0313rem;
	color: #666666;
}
.hk_content .info  span {
  font-size: .2083rem;	
  letter-spacing: 2px;
}
.n1 {
  display: inline-block;
  border: 0;
  background-color: #fff;
  width: 2.8125rem;
  height: .7813rem;
  outline: none;
  padding:  0 .2083rem ;
  box-sizing: border-box;
  font-family: OPPOSans-M;
	font-size: .1979rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 2px;
	color: #666666;
}
.btn_yy {
  cursor: pointer;
  background-color: #3388ff;
  color: #fff;
  font-size: .2917rem;
	letter-spacing: .0313rem;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(/images/xx.png) no-repeat 2.3958rem center;
  background-size: .25rem .2083rem;
}
.swiper_change {
  display: flex;
  justify-content: center;
	font-size: .25rem;

  align-items: center;
}
.swiper_change .change_item {
  margin: 0 .2604rem;
  font-family: OPPOSans-M;
	font-size: .25rem;
	color: #666666;
  padding: .0521rem .2083rem;
  cursor: pointer;
}
.swiper_change .active {
  background-color: #bfbfbf;
  color: #fff;
}
.swiper_list {
  position: relative;
  height: 3.1771rem;
}
.swiper_list .swiper {
  position: absolute;
  left: 0;
  top: .4688rem;
  width: 100%;
  z-index: 1;
  transition: all .5s;
  opacity: 0;
}
.swiper_list .swiper-slide p {
  white-space: nowrap;
  font-family: OPPOSans-M;
  font-size: .1875rem;
  color: #666666;
  text-align: center;
  padding-top: .1563rem;
  line-height: 1.4;
}
.swiper_list .swiper-slide img {
  height:  1.5938rem;
  width: 2.1875rem;
}
@media screen and (min-width: 1920px) {
  html {
    font-size: 96px !important;
  }
}