/**
 * 新华医疗 section1 独立模块样式
 * 所有规则限定在 #xh-section1-root 内，类名使用 xh-s1- 前缀，避免污染全局
 */

@font-face {
  font-family: xh-s1-fontG;
  src: url('../fonts/Geometric415BT-BlackA.otf');
}
@font-face {
  font-family: xh-s1-fontS;
  src: url('../fonts/SourceHanSansCN-Bold.otf');
}
@font-face {
  font-family: xh-s1-fontN;
  src: url('../fonts/SourceHanSansCN-Normal.otf');
}

#xh-section1-root {
  box-sizing: border-box;
  font-family: xh-s1-fontN, "microsoft yahei", sans-serif;
  font-size: 18px;
  color: #333;
  line-height: 1.5;
  position: relative;
  min-height: 100vh;
  background: url('../images/ixImg1_3.png') right top 0px no-repeat;
  background-size: 24%; padding-bottom: 100px;
}

#xh-section1-root *,
#xh-section1-root *::before,
#xh-section1-root *::after {
  box-sizing: border-box;
}

#xh-section1-root img {
  border: 0;
  max-width: 100%;
  vertical-align: middle;
}

#xh-section1-root a {
  color: #333;
  text-decoration: none;
  transition-duration: 400ms;
}

#xh-section1-root p,
#xh-section1-root em,
#xh-section1-root i {
  font-style: normal;
  margin: 0;
  padding: 0;
}

#xh-section1-root .xh-s1-inner {
  min-height: 100vh;
  width: 100%; background:; background-size: 100% 100%;
	
	
	
	
	
	
	
	
	
}

#xh-section1-root .xh-s1-ovh { overflow: hidden; }
#xh-section1-root .xh-s1-clearfix::after { clear: both; content: ""; display: table; }
#xh-section1-root .xh-s1-clearfix::before { content: ""; display: table; }
#xh-section1-root .xh-s1-text-right { text-align: right; }
#xh-section1-root .xh-s1-text-right font { color: #0561b4; font-style: normal; } 

#xh-section1-root .xh-s1-text-right b { font-size: 45px; font-weight: 900; font-family: Microsoft Yahei; }
#xh-section1-root .xh-s1-text-right.l  { text-align: left;}
#xh-section1-root .xh-s1-text-center { text-align: center; }
#xh-section1-root .xh-s1-text-uppercase { text-transform: uppercase; }
#xh-section1-root .xh-s1-dong { transition-duration: 400ms; }
#xh-section1-root .xh-s1-color-b { color: #0081e0 !important; }
#xh-section1-root .xh-s1-color-f { color: #fff !important; }
#xh-section1-root .xh-s1-color-6 { color: #666 !important; }
#xh-section1-root .xh-s1-color-9 { color: #999 !important; }
#xh-section1-root .xh-s1-bg-f { background: #fff; }
#xh-section1-root .xh-s1-font-g { font-family: xh-s1-fontG, "microsoft yahei", sans-serif; }
#xh-section1-root .xh-s1-font-s { font-family: xh-s1-fontS, "microsoft yahei", sans-serif; }

#xh-section1-root .xh-s1-text-t {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  white-space: pre-wrap;
}

#xh-section1-root .xh-s1-move-t { position: relative; opacity: 0; bottom: -50px; }
#xh-section1-root .xh-s1-move-l { position: relative; opacity: 0; left: -100px; }
#xh-section1-root .xh-s1-move-r { position: relative; opacity: 0; right: -100px; }

@keyframes xh-s1-move_t {
  from { opacity: 0; bottom: -50px; }
  to { opacity: 1; bottom: 0; }
}
@keyframes xh-s1-move_l {
  from { opacity: 0; left: -100px; }
  to { opacity: 1; left: 0; }
}
@keyframes xh-s1-move_r {
  from { opacity: 0; right: -100px; }
  to { opacity: 1; right: 0; }
}
@keyframes xh-s1-zoomInOut {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); }
}

#xh-section1-root .xh-s1-counter { opacity: 0; }
#xh-section1-root .xh-s1-counter.on { opacity: 1; }

#xh-section1-root .xh-s1-more {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 164px;
  height: 48px;
  font-size: 16px;
  padding-left: 20px;
  background: url('../images/moreBg.png') no-repeat;
  background-size: auto 100%;
  position: relative;
  overflow: hidden;
  transition: all 400ms;
}
#xh-section1-root .xh-s1-more i {
  display: inline-block;
  background: url('../images/moreJt.png') center right no-repeat;
  background-size: 24px;
  padding-right: 36px;
}
#xh-section1-root .xh-s1-more em {
  display: block;
  width: 57px;
  height: 100%;
  background: url('../images/moreIcon.png') no-repeat;
  background-size: auto 35px;
  position: absolute;
  bottom: -13px;
  left: -100%;
  z-index: 1;
}
#xh-section1-root .xh-s1-more:hover {
  background-image: url('../images/moreBg.png');
  filter: brightness(1.05);
}
#xh-section1-root .xh-s1-more:hover em { left: 64%; }

#xh-section1-root .xh-s1-zlSwiper {
  height: 120px;
  margin: 3% 6% 0;
  pointer-events: none;
}
#xh-section1-root .xh-s1-zlSwiper p { font-size: 56px; }
#xh-section1-root .xh-s1-zlSwiper p sup { font-size: 24px; top: -1em; position: relative; }
#xh-section1-root .xh-s1-zlSwiper em {
  display: inline-block;
  padding-right: 30px;
  position: relative;
}
#xh-section1-root .xh-s1-zlSwiper em img {
  width: 36px;
  height: 36px;
  position: absolute;
  top: -12px;
  right: -7px;
  z-index: 1;
}

#xh-section1-root .xh-s1-since {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 6% 20px;
}
#xh-section1-root .xh-s1-since span i { display: block; font-size: 20px; line-height: 20px; }
#xh-section1-root .xh-s1-since em { font-size: 96px; line-height: 96px; }

#xh-section1-root .xh-s1-part { position: relative; }
#xh-section1-root .xh-s1-left {
  width: 45%;
  margin: 0 6%;
  position: relative;
  z-index: 2;
  float: left;
}
#xh-section1-root .xh-s1-left .xh-s1-txt span {
  display: block;
  font-size: 30px;
  margin-bottom: 40px;
}
#xh-section1-root .xh-s1-left .xh-s1-txt p {
  text-indent: 0em;
  margin-bottom: 60px;
  line-height: 36px;
}
#xh-section1-root .xh-s1-img {
  width: 50%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

#xh-section1-root .xh-s1-list {
  width: 50%;
  position: absolute;
  bottom: 120px;
  left: 6%;
  z-index: 8;
  display: flex;
  flex-wrap: wrap;
}
#xh-section1-root .xh-s1-list-col {
  width: 25%;
  float: left;
}
#xh-section1-root .xh-s1-list-item {
  display: block;
  font-size: 20px;
  margin-right: 25px;
  border: 1px solid #fff;
  border-radius: 24px;
  box-shadow: 0 0 10px rgba(0, 129, 224, 0.15);
  padding: 15px;
}
#xh-section1-root .xh-s1-list-item img { width: 54px; margin: 0px auto 15px;}
#xh-section1-root .xh-s1-list-item:hover {
  color: #0081e0;
  border-color: #0081e0;
  box-shadow: 0 0 15px rgba(0, 129, 224, 0.3);
}
#xh-section1-root .xh-s1-list-item:hover img { animation: xh-s1-zoomInOut 1.5s infinite; }

#xh-section1-root.xh-s1-active .xh-s1-zlSwiper { animation: xh-s1-move_r 800ms 500ms forwards; }
#xh-section1-root.xh-s1-active .xh-s1-since { animation: xh-s1-move_l 600ms 500ms forwards; }
#xh-section1-root.xh-s1-active .xh-s1-left .xh-s1-txt { animation: xh-s1-move_t 800ms 600ms forwards; }
#xh-section1-root.xh-s1-active .xh-s1-img { animation: xh-s1-move_r 800ms 600ms forwards; }
#xh-section1-root.xh-s1-active .xh-s1-more { animation: xh-s1-move_t 800ms 700ms forwards; }
#xh-section1-root.xh-s1-active .xh-s1-list-item.t1 { animation: xh-s1-move_t 800ms 800ms forwards; }
#xh-section1-root.xh-s1-active .xh-s1-list-item.t2 { animation: xh-s1-move_t 800ms 900ms forwards; }
#xh-section1-root.xh-s1-active .xh-s1-list-item.t3 { animation: xh-s1-move_t 800ms 1s forwards; }
#xh-section1-root.xh-s1-active .xh-s1-list-item.t4 { animation: xh-s1-move_t 800ms 1.1s forwards; }

@media (width: 2560px) {
  #xh-section1-root .xh-s1-left { width: 40%; }
  #xh-section1-root .xh-s1-img { width: 60%; }
}

@media (max-width: 1440px) {
  #xh-section1-root .xh-s1-since { padding-bottom: 10px; }
  #xh-section1-root .xh-s1-left { width: 42%; font-size: 16px; }
  #xh-section1-root .xh-s1-left .xh-s1-txt span { font-size: 30px; margin-bottom: 20px; }
  #xh-section1-root .xh-s1-left .xh-s1-txt p { line-height: 30px; }
  #xh-section1-root .xh-s1-img { width: 54%; }
  #xh-section1-root .xh-s1-list-item { font-size: 16px; border-radius: 18px; padding: 15px 10px 10px; }
  #xh-section1-root .xh-s1-list-item img { width: 54px; margin-bottom: 10px; }
}

@media (max-width: 1360px) {
  #xh-section1-root .xh-s1-img { width: 56%; }
}

@media (max-width: 1030px) {
  #xh-section1-root { padding: 0; }
  #xh-section1-root .xh-s1-since { padding: 0 20px 30px; }
  #xh-section1-root .xh-s1-left { margin: 0; padding: 0 20px 40px; position: inherit; width: 100%; float: none; }
  #xh-section1-root .xh-s1-img { float: right; width: 84%; position: inherit; }
  #xh-section1-root .xh-s1-list { width: 100%; left: 0; }
  #xh-section1-root .xh-s1-list-item { margin: 0 15px; }
}

@media (max-width: 767px) {
  #xh-section1-root { font-size: 14px; background: none !important; }
  #xh-section1-root .xh-s1-inner { padding: 0 10px; }
  #xh-section1-root .xh-s1-cont { overflow: hidden; }
  #xh-section1-root .xh-s1-zlSwiper { height: 60px; margin: 18% 6% 0; }
  #xh-section1-root .xh-s1-zlSwiper p { font-size: 24px; }
  #xh-section1-root .xh-s1-zlSwiper p sup { font-size: 12px; }
  #xh-section1-root .xh-s1-zlSwiper em { padding-right: 15px; }
  #xh-section1-root .xh-s1-zlSwiper em img { width: 24px; height: 24px; }
  #xh-section1-root .xh-s1-since { padding: 0 10px 5px; }
  #xh-section1-root .xh-s1-since span { font-size: 12px; }
  #xh-section1-root .xh-s1-since span img { height: 20px; }
  #xh-section1-root .xh-s1-since em { font-size: 44px; line-height: 44px; }
  #xh-section1-root .xh-s1-left { font-size: 14px; padding: 0 10px 20px; }
  #xh-section1-root .xh-s1-left .xh-s1-txt span { font-size: 18px; margin-bottom: 5px; }
  #xh-section1-root .xh-s1-left .xh-s1-txt p { line-height: 26px; margin-bottom: 20px; -webkit-line-clamp: 50; }
  #xh-section1-root .xh-s1-img { display: none; }
  #xh-section1-root .xh-s1-list { padding: 0 5px 20px; position: inherit; }
  #xh-section1-root .xh-s1-list-col { width: 50%; }
  #xh-section1-root .xh-s1-list-item { margin: 10px 5px 0; border-radius: 12px; padding: 10px; }
  #xh-section1-root .xh-s1-more { width: 130px; height: 38px; font-size: 14px; }
  #xh-section1-root .xh-s1-more i { background-size: 18px; padding-right: 28px; }
}

@media (-webkit-device-pixel-ratio: 1.25) {
  #xh-section1-root .xh-s1-since em { font-size: 88px; line-height: 88px; }
  #xh-section1-root .xh-s1-left { width: 42%; font-size: 16px; }
  #xh-section1-root .xh-s1-left .xh-s1-txt span { font-size: 20px; margin-bottom: 10px; }
  #xh-section1-root .xh-s1-left .xh-s1-txt p { line-height: 30px; margin-bottom: 30px; }
  #xh-section1-root .xh-s1-img { width: 54%; }
  #xh-section1-root .xh-s1-list { bottom: 20px; left: 4%; }
  #xh-section1-root .xh-s1-list-item { font-size: 16px; border-radius: 18px; padding: 15px 10px 10px; }
  #xh-section1-root .xh-s1-list-item img { width: 44px; margin-bottom: 10px; }
}