.pipette_container {
  width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  border-radius: 8px;

}

.pipette_title {
  width: 100%;
  background-image: url(/healthcodon/images/01.png);
  background-repeat: no-repeat;
  height: 1054px;
  background-position: center;
  font-family: 'Noto Sans S Chinese';
  overflow: hidden;
}

.pipette_title h3 {
  font-size: 36px;
  text-align: center;
  color: #1f3345;
  font-weight: 400;
}

.pipette_title p {
  font-size: 36px;
  text-align: center;
  color: #1f3345;
}

.pipette_non {
  width: 100%;
  height: 1269px;
  background: url('/healthcodon/images/02.png') no-repeat;
  overflow: hidden;
  background-size: 100% 100%;
  background-position: center;
  text-align: center;
}

.pipette_non .pipette_container .shiguan {
  width: 566px;
  height: 614px;
  background: url('/healthcodon/images/shiguan.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
  left: 600px;
  top: 140px;
}

.pipette_non h3 {
  font-family: 'Noto Sans S Chinese';
  font-size: 36px;
  text-align: center;
  color: #1f3345;
  padding-top: 65px;
  font-weight: 400;
}

.pipette_non .pipette_non_con {
  font-family: 'Noto Sans S Chinese';
  font-size: 32px;
  text-align: center;
  color: #666666;
  margin-top: 20px;
}

.pipette_non_xh {
  width: 222px;
  height: 34px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 26px;
  text-align: center;
}

.pipette_non_xh span {
  font-family: 'Noto Sans S Chinese';
  font-size: 24px;
  text-align: center;
  color: #ffffff;
  line-height: 34px;
  width: 110px;
  height: 34px;
  background-color: #4b4b4b;
}

.pipette_con_ps {
  font-family: 'Noto Sans S Chinese';
  font-size: 21px;
  color: #333333;
  width: 305px;
  height: 240px;
  text-align: left;
  position: absolute;
  left: 117px;
  top: 435px;
}

.pipette_product {
  width: 100%;
  height: 953px;
  background-image: url(/healthcodon/images/03.png);
  overflow: hidden;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}

.pipette_product h3 {
  font-family: 'Noto Sans S Chinese';
  font-size: 32px;
  text-align: center;
  color: #55c8fa;

  font-weight: 400
}

.pipette_product .piette_product_icon {
  width: 900px;
  height: 182px;
  margin: 160px auto auto auto;
}

.pipette_product .piette_product_icon ul {
  display: flex;
  justify-content: space-between;
}

.pipette_product .piette_product_icon ul li {
  width: 182px;
  height: 182px;
}

.pipette_product .piette_product_icon ul li img {
  width: 182px;
  height: 182px;
}

.pipette_product .piette_product_icon ul .pipete_new8 {
  transition-delay: 1s;
}

.pipette_product .piette_product_icon ul .pipete_new9 {
  transition-delay: 1.3s;
}

.pipette_product .piette_product_icon ul .pipete_new10 {
  transition-delay: 1.6s;
}

.pipette_product .piette_product_icon ul .pipete_new11 {
  transition-delay: 1.7s;
}

.pipette_stable {
  background-color: #000000;
}

.pipette_des {
  background-image: url('/healthcodon/images/package_bg_img.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  height: 3414px;
  padding-top: 40px;
}

.pipette_close {
  background-color: #fafafa;
}

.pipette_container_left {
  width: 488px;
  height: 600px;
  margin-top: 160px;
  margin-bottom: 200px;
  margin-right: 120px;
}

.pipette_container_left1 {
  width: 488px;
  height: 600px;
  margin-top: 160px;
  margin-bottom: 232px;
}

.pipette_container_right h3 {
  margin-top: 182px;
  font-family: 'Noto Sans S Chinese';
  font-size: 36px;
  color: #63abe2;
  width: 592px;
  font-weight: 400;
}

.pipette_container_right1 h3 {
  margin-top: 163px;
  font-family: 'Noto Sans S Chinese';
  font-size: 36px;
  color: #63abe2;
  width: 592px;
  text-align: right;
  font-weight: 400;
}

.pipette_container_right .pipette_right_solid {
  font-family: 'Noto Sans S Chinese';
  font-size: 18px;
  color: #ffffff;
  width: 216px;
  height: 32px;
  border: 1px solid #ffffff;
  text-align: center;
  line-height: 32px;
  margin-top: 26px;
  margin-bottom: 114px;
}

.pipette_container_right1 .pipette_right_solid1 {
  font-family: 'Noto Sans S Chinese';
  font-size: 20px;
  color: #666666;
  width: 206px;
  height: 32px;
  border: 1px solid #000000;
  text-align: center;
  line-height: 32px;
  margin-top: 42px;
  margin-bottom: 90px;
  margin-left: 380px;
}

.pipette_right_xian {
  font-family: 'Noto Sans S Chinese';
  font-size: 38px;
  color: #ffffff;
  font-weight: 300;
}

.pipette_right_xian1 {
  font-family: 'Noto Sans S Chinese';
  font-size: 38px;
  color: #000000;
  padding-left: 525px;
}

.pipette_right_con {
  font-family: 'Noto Sans S Chinese';
  font-size: 23px;
  color: #ffffff;
  line-height: 48px;
}

.pipette_right_con1 {
  font-family: 'Noto Sans S Chinese';
  font-size: 29px;
  color: #999999;
  line-height: 48px;
  margin-top: 50px;
  text-align: right;
}

.pipette_show {
  width: 100%;
  height: 1046px;
  background-image: url('/healthcodon/images/17.png');
  overflow: hidden;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.pipette_container .pipette_frw {
  font-family: 'Noto Sans S Chinese';
  font-size: 24px;
  text-align: center;
  color: #333333;
  overflow: hidden;
  margin-top: 65px;
  position: relative;
  font-weight: 400;
}

.pipette_container .pipette_frw1 {
  font-family: 'Noto Sans S Chinese';
  font-size: 36px;
  text-align: center;
  color: #ffffff;
  overflow: hidden;
  margin-top: 72px;
  position: relative;
  font-weight: 400;
}

.pipette_container .pipette_frw2 {
  font-family: 'Noto Sans S Chinese';
  font-size: 60px;
  text-align: center;
  color: #ffffff;
  overflow: hidden;
  margin-top: 104px;
  position: relative;
  font-weight: 400;
}

.pipette_container .pipette_frw3 {
  font-family: 'Noto Sans S Chinese';
  font-size: 24px;
  text-align: center;
  color: #333333;
  overflow: hidden;
  margin-top: 48px;
  position: relative;
  font-weight: 400;
}

.tit-left {
  position: absolute;
  width: 42px;
  height: 3px;
  background-color: #333333;
  left: 455px;
  top: 24px;
}

.tit-right {
  position: absolute;
  width: 42px;
  height: 3px;
  background-color: #333333;
  right: 455px;
  top: 24px;
}

.pipette_show_explain {
  width: 555px;
  height: 34px;
  background-color: #9ac2e1;
  border-radius: 24px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  text-align: center;
  font-family: 'Comic sans MS';
  font-size: 26px;
  color: #ffffff;
  line-height: 34px;
}

.pipette_acon {
  position: absolute;
  left: 265px;
  top: 413px;
  width: 340px;
  height: 40px;
  font-family: 'Noto Sans S Chinese';
  font-size: 26px;
  color: #666666;
}

.pipette_clear {
  position: absolute;
  right: 216px;
  top: 589px;
  width: 340px;
  height: 40px;
  font-family: 'Noto Sans S Chinese';
  font-size: 26px;
  color: #666666;
}

.pipette_fine {
  position: absolute;
  width: 340px;
  height: 40px;
  font-family: 'Noto Sans S Chinese';
  font-size: 26px;
  color: #666666;
  left: 332px;
  top: 758px;
}

.pipette_container {
  position: relative;
}

.pipette_usage {
  overflow: hidden;
  text-align: center;
}

.tit-left1 {
  position: absolute;
  width: 40px;
  height: 2px;
  background-color: #333333;
  left: 433px;
  top: 83px;
}

.tit-left2 {
  position: absolute;
  width: 40px;
  height: 3px;
  background-color: #ffffff;
  left: 299px;
  top: 90px;
}

.tit-left3 {
  position: absolute;
  width: 40px;
  height: 2px;
  background-color: #333333;
  left: 437px;
  top: 83px;
}

.tit-right1 {
  position: absolute;
  width: 40px;
  height: 2px;
  background-color: #333333;
  right: 433px;
  top: 83px;
}

.tit-right2 {
  position: absolute;
  width: 40px;
  height: 3px;
  background-color: #ffffff;
  right: 299px;
  top: 90px;
}

.tit-right3 {
  position: absolute;
  width: 40px;
  height: 2px;
  background-color: #333333;
  right: 437px;
  top: 83px;
}

.pipette_footer {
  width: 100%;
  height: 657px;
  background-image: url(/healthcodon/images/25.png);
  overflow: hidden;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.pipette_footer_con {
  background-color: rgba(255, 255, 255, .9);
  margin-top: 54px;
}

.pipette_footer ul {
  margin-top: 60px;
}

.pipette_footer ul li {
  padding-left: 126px;
  height: 42px;
  border-bottom: 2px solid #f1f1f3;
  line-height: 42px;
}

.pipette_bottom_tit {
  font-family: 'Noto Sans S Chinese';
  font-size: 20px;
  text-align: center;
  color: #414143;
}

.pipette_bottom_con {
  font-family: 'Noto Sans S Chinese';
  font-size: 18px;
  text-align: center;
  color: #6a6a6a;
}

.pipette_usage_img .wow {
  float: left;
  height: 437px;
}

.pipette_usage_img .wow img {
  width: 100%;
}

.pipette_frw .tit-left6 {
  position: absolute;
  width: 42px;
  height: 3px;
  background-color: #fff;
  left: 455px;
  top: 84px;
}

.pipette_frw .tit-right6 {
  position: absolute;
  width: 42px;
  height: 3px;
  background-color: #fff;
  right: 455px;
  top: 84px;
}

.pipette_des .pipette_frw {
  font-family: 'Noto Sans S Chinese';
  font-size: 24px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  /* margin-top: 65px; */
  position: relative;
  font-weight: 400;
}