@charset "UTF-8";
.w1480 {
  max-width: 1440px; }

.w1280 {
  max-width: 1280px; }

/** 全局  **/
html {
  font-size: 62.5%; }

.sec_bgcolor01 {
  background-color: #f7f7f7; }

/**  头部  **/
.logo img {
  width: 9.4rem; }

nav ul {
  padding: 0;
  margin: 0;
  text-align: center; }
nav li {
  list-style: none;
  display: inline-block; }
nav a {
  display: block;
  font-size: 1.8rem;
  color: #333;
  padding: 3rem 1.4rem;
  transition: all 0.3s; }
  nav a:hover {
    text-decoration: none;
    color: #000; }

.nav_search_box {
  margin-right: 2rem; }
  .nav_search_box img {
    width: 2rem; }

.nav_language {
  margin-right: 2rem; }
  .nav_language a {
    font-size: 1.8rem;
    color: #333; }
    .nav_language a:hover {
      text-decoration: none; }

.nav_login a {
  font-size: 1.8rem;
  color: #31894e; }
  .nav_login a:hover {
    text-decoration: none; }

.banner_title h1 {
  font-size: 5rem;
  font-weight: bold;
  color: #fff; }
.banner_title h2 {
  font-size: 2.4rem;
  color: #fff;
  margin-top: 0; }

/* 基础导航样式 - 白色横线条 */
ul.uk-slideshow-nav {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 20px 0;
  gap: 15px;
  /* 导航项间距 */ }

ul.uk-slideshow-nav li {
  width: 150px;
  /* 控制每个导航条的最大宽度 */
  height: 5px;
  background-color: rgba(255, 255, 255, 0.7);
  /* 白色背景 */
  border-radius: 1px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease; }

/* 导航链接样式 */
ul.uk-slideshow-nav li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-decoration: none;
  color: transparent;
  /* 隐藏文字，只显示横条 */
  font-size: 0;
  /* 确保不占用空间 */ }

/* 默认状态 - 完整白色横条 */
ul.uk-slideshow-nav li a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1px; }

/* 激活状态的进度条效果 */
ul.uk-slideshow-nav li.uk-active a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #31894e;
  /* 绿色 */
  border-radius: 1px;
  transform: scaleX(0);
  /* 初始宽度为0 */
  transform-origin: left center;
  animation: progressFill 7s ease-in-out forwards;
  /* 3秒填充动画 */ }

/* 进度条填充动画 */
@keyframes progressFill {
  0% {
    transform: scaleX(0); }
  100% {
    transform: scaleX(1); } }
/* 禁用状态（如果需要） */
ul.uk-slideshow-nav li.disabled {
  opacity: 0.5;
  pointer-events: none; }

/** 网站内部标题初始化  **/
.sec_title_h1 {
  font-size: 5rem;
  color: #000;
  font-weight: bold; }

.sec_title_h2 {
  font-size: 3.2rem;
  font-weight: bold;
  color: #31894e;
  position: relative;
  padding-left: 2.5rem; }
  .sec_title_h2:before {
    content: "";
    display: block;
    width: 1rem;
    height: 1.5rem;
    background-color: #31894e;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }

.sec_title_h3 {
  font-size: 2.4rem;
  font-weight: bold;
  color: #333; }

.sec_subtitle {
  font-size: 1.6rem;
  color: #31894e; }

.pd12 {
  padding-top: 12rem;
  padding-bottom: 12rem; }

.sec_product > .uk-container {
  background-image: url("../images/index/bg_dot.png"), url("../images/index/bg_dot2.png"), url("../images/index/bg_chemlab.png"), url("../images/index/bg_chemlab.png");
  background-repeat: no-repeat;
  background-position: left top, right top, right 4%, right 66%;
  background-size: 20%, 30%, 60%, 60%; }

/**
product_card
**/
.product_card {
  background-color: #fff;
  padding: 2rem;
  border-bottom: #fff 2px solid; }
  .product_card img {
    max-width: 16rem; }
  .product_card h4 {
    margin-bottom: 0.5rem;
    font-size: 2.6rem;
    color: #333;
    font-weight: bold;
    transition: all 0.4s; }
  .product_card p {
    margin: 0;
    color: #afb7bf;
    font-size: 1.8rem; }
  .product_card .product_card_more {
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    color: #31894e;
    text-align: center;
    line-height: 4rem;
    margin-right: 1.5rem;
    margin-top: 2rem;
    transition: all 0.4s; }
  .product_card:hover {
    border-bottom-color: #31894e; }
    .product_card:hover h4 {
      color: #31894e; }
    .product_card:hover .product_card_more {
      background-color: #31894e;
      color: #fff; }

/** sec_testing_service  **/
.sec_testing_service > .uk-container {
  background-image: url("../images/index/bg_kl.png");
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: right 0; }

.testing_grid {
  margin-top: 4.5rem; }

.testing_card {
  border: #d8d8d8 1px solid;
  background-color: #f9f9f9; }
  .testing_card h4 {
    font-size: 2.6rem;
    color: #000;
    font-weight: bold;
    margin-bottom: 0; }
  .testing_card p {
    margin: 0;
    font-size: 1.6rem;
    color: #999; }
  .testing_card p {
    position: relative;
    padding-left: 1rem; }
    .testing_card p:before {
      content: '';
      display: block;
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 0.4rem;
      background-color: #31894e;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
  .testing_card .uk-card {
    padding-left: 3rem; }

/** sec_application  **/
.sec_application {
  border-top: #f7f7f7 1px solid;
  border-bottom: #f7f7f7 1px solid;
  background-image: url("../images/index/bg_wings.png");
  background-size: 50rem;
  background-repeat: no-repeat;
  background-position: right 1%; }

.application_grid {
  margin-top: 4.5rem; }
  .application_grid .uk-card {
    background-color: #f7f7f7;
    border: #d8d8d8 1px solid;
    padding: 4rem; }
  .application_grid img {
    max-width: 6rem; }
  .application_grid h4 {
    font-size: 2.6rem;
    color: #000;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 2rem; }
  .application_grid p {
    margin: 0;
    font-size: 1.6rem;
    color: #999; }

/**
news_grid
**/
.sec_news {
  background: linear-gradient(180deg, #fff 0%, #fdfdfd 100%); }

.sec_news > .uk-container {
  background-image: url("../images/index/bg_chemlab_green.png");
  background-size: 90rem;
  background-repeat: no-repeat;
  background-position: right 1%; }

.img_transition {
  overflow: hidden; }
  .img_transition img {
    transition: all 0.3s; }

.news_grid {
  margin-top: 4.5rem; }
  .news_grid figure {
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.01); }
    .news_grid figure:hover .img_transition img {
      transform: scale(1.1); }
    .news_grid figure:hover figcaption {
      background-color: #31894e; }
    .news_grid figure:hover h3 {
      color: #fff; }
    .news_grid figure:hover .card_news_update {
      color: #fff; }
  .news_grid figcaption {
    background-color: #fff;
    padding: 2.5rem 4rem;
    transition: all 0.3s; }
  .news_grid h3 {
    font-size: 2.4rem;
    color: #000; }
  .news_grid .card_news_update {
    font-size: 1.6rem;
    font-weight: 100;
    color: #999; }
    .news_grid .card_news_update i {
      display: inline-block;
      margin-right: 1rem; }

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  overflow: hidden;
  padding: 1rem 4rem;
  cursor: pointer;
  background: #1f8440;
  text-decoration: none;
  color: #fff;
  font-size: 1.6rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased; }

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1e7d3d;
  -webkit-transform: scaleX(0) rotate(-30deg);
  transform: scaleX(0) rotate(-30deg);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white; }

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

footer {
  background-color: #191919;
  padding-top: 5.2rem;
  padding-bottom: 5.2rem; }

.footer_address h5 {
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #999;
  margin-bottom: 0; }
.footer_address p {
  margin-bottom: 0;
  margin-top: 1.2rem;
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #fff; }

.address_list {
  margin-top: 4rem;
  max-width: 38rem; }
  .address_list h6 {
    font-size: 1.6rem;
    color: #fff;
    margin-top: 1.5rem;
    font-weight: 300; }

.footer_nav a {
  color: #fff;
  font-size: 1.6rem; }

.footer_form {
  margin-top: 10rem; }
  .footer_form input, .footer_form textarea {
    background: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0.5rem 1rem;
    line-height: 3rem;
    color: #fff;
    border: none;
    border-bottom: #373737 1px solid; }
  .footer_form input:focus, .footer_form textarea:focus {
    outline: none; }

.btn {
  display: inline-block;
  font-size: 1.6rem;
  padding: 1.5rem 5rem;
  border: none;
  transition: all 0.3s; }

.btn_submit {
  color: #fff;
  background-color: #515151; }
  .btn_submit:hover {
    text-decoration: none;
    background-color: #454545; }

.copyright {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  background-color: #fff; }
  .copyright p {
    font-size: 1.5rem;
    color: #999;
    margin-bottom: 0;
    margin-top: 1rem;
    font-weight: 300; }

.beian a {
  font-size: 1.5rem;
  color: #999;
  font-weight: 300; }

.product_banner {
  height: 70vh; }

.breadcrumb {
  margin-top: 2.6rem;
  margin-bottom: 6rem; }

.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
  content: ">";
  font-family: "宋体";
  margin: 0 1rem; }

.uk-breadcrumb {
  padding-left: 2rem;
  position: relative; }
  .uk-breadcrumb a, .uk-breadcrumb span {
    font-size: 1.6rem; }
  .uk-breadcrumb span {
    color: #333; }
  .uk-breadcrumb:before {
    content: "";
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("../images/product/icon_home.png");
    background-repeat: none;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
  .uk-breadcrumb a {
    display: inline-block;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }

.product_info h2 {
  font-size: 2rem;
  line-height: 2rem;
  color: #31894e;
  margin-bottom: 0; }
.product_info h1 {
  font-size: 5rem;
  line-height: 5rem;
  color: #333;
  font-weight: bold;
  margin-top: 2.3rem; }
.product_info p {
  font-size: 1.6rem;
  color: #999;
  line-height: 3.2rem; }

.get_contact {
  margin-top: 10rem; }
  .get_contact a {
    display: block;
    border: #ddd 1px solid;
    padding: 2rem;
    text-align: center;
    color: #1f7e3d;
    font-size: 1.8rem;
    font-weight: bold;
    transition: all 0.3s; }
    .get_contact a:hover {
      text-decoration: none;
      border-color: #31894e; }
    .get_contact a img {
      width: 2rem;
      transform: translate(-3px, -1px); }

.get_price {
  margin-top: 2.5rem; }
  .get_price a {
    display: block;
    padding: 2rem;
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    background-color: #1f7e3d;
    transition: all 0.3s; }
    .get_price a:hover {
      text-decoration: none;
      background-color: #2d914c; }

.get_price_to {
  margin-top: 2.5rem;
  display: block;
  padding: 1.5rem 2rem;
  text-align: center;
  font-size: 1.8rem;
  color: #1f7e3d;
  background: none;
  border: #1f7e3d 1px solid; }
  .get_price_to:hover {
    background-color: #d6e5db; }

.get_price_form h2 {
  font-size: 3rem;
  margin-top: 3rem;
  color: #000;
  font-weight: bold;
  position: relative;
  margin-bottom: 4rem; }
  .get_price_form h2:after {
    content: "";
    display: block;
    width: 8rem;
    height: 0.5rem;
    background-color: #31894e;
    position: absolute;
    left: 0;
    bottom: -2rem; }
.get_price_form p {
  font-size: 1.6rem;
  color: #666; }
.get_price_form input {
  border: #ddd 1px solid;
  width: 100%;
  box-sizing: border-box;
  padding: 1.5rem 2rem 1.5rem 3.2rem;
  color: #333;
  font-size: 1.6rem; }
.get_price_form textarea {
  border: #ddd 1px solid;
  width: 100%;
  box-sizing: border-box;
  padding: 1.5rem 2rem 1.5rem 3.2rem;
  color: #333;
  font-size: 1.6rem; }
.get_price_form .submit_btn {
  width: 100%;
  border: none; }

.get_code_btn_to {
  border: #31894e 1px solid;
  text-align: center;
  font-size: 1.4rem;
  height: 48px;
  line-height: 48px;
  color: #31894e !important;
  width: 200px; }

/***  订购 **/
@media (min-width: 640px) {
  .uk-offcanvas-bar {
    left: -460px;
    width: 460px; } }
.uk-offcanvas-bar {
  background-color: #fff;
  border-left: #ddd 1px solid; }

.radio-option {
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ddd;
  background-color: transparent;
  /* 去除背景 */
  cursor: pointer;
  transition: all 0.2s;
  margin-bottom: 10px;
  /* 上下间隔 */ }

.radio-option:last-child {
  margin-bottom: 0;
  /* 最后一个不需要下边距 */ }

.radio-option:hover {
  border-color: #257d40; }

.radio-option.selected {
  border-color: #257d40; }

.option-content {
  flex: 1; }

.option-title {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin-bottom: 4px; }

.option-description {
  font-size: 15px;
  color: #999;
  line-height: 1.4; }

/* 隐藏默认的radio按钮 */
.radio-input {
  display: none; }

/* 自定义大圆点 - 无背景，绿色边框 */
.custom-radio {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  /* 确保圆形 */
  border: 1px solid #ccc;
  position: relative;
  transition: all 0.2s ease;
  margin-left: 15px;
  background-color: transparent;
  /* 无背景 */
  display: flex;
  /* 使用flex确保居中 */
  align-items: center;
  justify-content: center; }

/* 选中的圆点样式 */
.radio-input:checked + .custom-radio {
  border-color: #4CAF50; }

.radio-input:checked + .custom-radio::after {
  content: '';
  width: 12px;
  height: 12px;
  background-color: #4CAF50;
  border-radius: 50%;
  /* 内圆也是圆形 */
  display: block; }

/* 选中时标题颜色变化 */
.radio-option.selected .option-title {
  color: #2E7D32; }

/* 修复圆点不圆的问题 - 确保宽高相等且使用border-radius: 50% */
.custom-radio {
  min-width: 24px;
  /* 防止被压缩 */
  flex-shrink: 0;
  /* 防止被压缩 */ }

.product_detail {
  margin-top: 12rem;
  background-color: #f6f6f6;
  padding-top: 6rem;
  padding-bottom: 6rem; }
  .product_detail p {
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #999; }

.product_side_nav_warapper {
  width: 40rem; }

.product_side_nav {
  width: 40rem;
  background-color: #fff; }
  .product_side_nav ul {
    padding: 0;
    margin: 0; }
    .product_side_nav ul li {
      list-style: none; }
      .product_side_nav ul li.uk-active a {
        color: #31894e;
        font-weight: bold;
        border-right-color: #31894e;
        background-color: #e0ebe4; }
    .product_side_nav ul a {
      display: block;
      font-size: 2rem;
      color: #999;
      padding-bottom: 1.5rem;
      padding-top: 1.5rem;
      text-align: center;
      border-right: #fff 2px solid;
      text-decoration: none; }

.product_h3 {
  font-size: 3.2rem;
  color: #333;
  font-weight: bold; }
  .product_h3 img {
    margin-right: 1.4rem; }

.related_cases h3 {
  font-size: 2.4rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 1rem; }
.related_cases p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #999;
  margin: 0; }

.wenxian_box {
  border: #d8d8d8 1px solid;
  padding: 2.5rem 4rem 2.5rem 12rem;
  background-color: #fff; }

.wenxian_text {
  position: relative; }
  .wenxian_text:before {
    content: "";
    display: block;
    width: 3rem;
    height: 3rem;
    background-image: url("../images/product/icon_book.png");
    background-repeat: no-repeat;
    position: absolute;
    left: -5rem;
    top: 0.8rem; }
  .wenxian_text p {
    font-size: 2rem;
    color: #333;
    line-height: 3.2rem;
    margin: 0; }

/** 相关资料 **/
.related_data .uk-open .uk-accordion-title {
  background-color: #1e7d3c; }
.related_data .uk-accordion-title {
  padding-left: 3rem;
  background-color: #479662;
  font-size: 1.8rem;
  color: #fff;
  display: block;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }
  .related_data .uk-accordion-title span {
    color: #fff;
    margin-right: 2rem; }
  .related_data .uk-accordion-title:hover {
    color: #fff;
    text-decoration: none; }

.down_item {
  padding: 2rem 4rem;
  border-bottom: #ececec 1px solid; }
  .down_item h5 {
    font-size: 1.6rem;
    margin-bottom: 0;
    color: #333; }
  .down_item h4 {
    margin-top: 0.5rem;
    margin-bottom: 0;
    font-size: 2rem;
    color: #000;
    font-weight: bold; }
  .down_item:hover {
    background-color: #e7f2eb; }

.file_down_btn {
  color: #666;
  font-size: 1.6rem;
  display: inline-block;
  border: #d8d8d8 1px solid;
  padding: 1rem 2rem;
  text-align: center; }
  .file_down_btn:hover {
    text-decoration: none;
    color: #31894e; }
  .file_down_btn img {
    margin-right: 0.2rem;
    transform: translateY(-1px); }

.user_label {
  background-color: #a3cbb1;
  display: inline-block;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  font-size: 1.2rem;
  color: #1e7e3d;
  border: #1e7e3d 1px solid;
  border-radius: 0.2rem;
  margin-left: 1rem;
  transform: translateY(-2px); }

.down_video_list {
  padding: 4rem 3rem;
  background-color: #fff; }
  .down_video_list figcaption {
    background-color: #31894e;
    color: #fff;
    text-align: center;
    padding-top: 1.4rem;
    margin-top: 1.2rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    padding-bottom: 1.5rem; }
  .down_video_list h4 {
    font-size: 2rem;
    color: #fff;
    margin: 0; }

.video_down_btn {
  color: #fff; }
  .video_down_btn:hover {
    color: #f2f2f2;
    text-decoration: none; }

.sec_login {
  background-color: #f2f9f2;
  padding: 12rem 0; }

.login_main {
  background-color: #fff;
  border-radius: 4rem;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
  background-image: url("../images/login/login_line.jpg");
  background-repeat: no-repeat;
  background-position: right bottom; }
  .login_main h2 {
    font-size: 2.9rem; }

.login_form_box {
  padding: 5rem 5rem 11rem 11rem; }

.goback a {
  color: #fff;
  background-color: #31894e;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  text-align: center;
  line-height: 2.7rem;
  border-radius: 50%; }

.login_form_body {
  max-width: 30rem;
  padding-top: 8rem; }
  .login_form_body h3 {
    font-size: 3rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 0; }
  .login_form_body h5 {
    font-size: 1.4rem;
    color: #999;
    margin-top: 1rem; }
  .login_form_body input {
    border: none;
    border-bottom: #ddd 1px solid;
    font-size: 1.4rem;
    color: #000; }
    .login_form_body input:focus {
      border-color: #31894e; }
  .login_form_body .uk-form-icon {
    color: #31894e; }

.main_color {
  color: #31894e; }

a.main_color:hover {
  color: #51c176;
  text-decoration: none; }

.grey_color {
  color: #999; }
  .grey_color:hover {
    text-transform: none;
    color: #333; }

.form_btn_submit {
  background-color: #237f3f;
  color: #fff;
  display: inline-block;
  border: none;
  padding: 1rem 6rem;
  cursor: pointer; }
  .form_btn_submit i {
    transform: translateY(-1px); }

.appli_sec_h2 {
  margin-top: 3rem;
  display: inline-block;
  padding: 1rem 8rem;
  font-size: 2.2rem;
  font-weight: bold;
  background-color: #31894e;
  color: #fff; }

.appli_index_info h1 {
  font-size: 3rem;
  font-weight: bold;
  color: #31894e; }
.appli_index_info h3 {
  margin: 0;
  font-size: 2.4rem;
  font-weight: bold; }
.appli_index_info .index_info {
  font-size: 1.6rem;
  color: #666; }
.appli_index_info .index_info_p {
  margin-top: 0.6rem; }

/** testing_service_category 检测服务 **/
.testing_service_category ul {
  margin: 0;
  padding: 0; }
.testing_service_category li {
  display: inline-block;
  position: relative; }
  .testing_service_category li:hover > a {
    border-color: #31894e;
    text-decoration: none;
    color: #31894e;
    font-weight: bold; }
  .testing_service_category li > a {
    border-bottom: #fff 2px solid;
    display: block;
    font-size: 2rem;
    line-height: 2rem;
    color: #666;
    padding: 2.6rem 0; }
.testing_service_category .uk-dropdown {
  box-shadow: none;
  padding: 0;
  max-width: 100%;
  min-width: none;
  width: 100%;
  --uk-position-offset: 0;
  --uk-position-viewport-offset: 0; }
  .testing_service_category .uk-dropdown a {
    display: block;
    font-size: 1.8rem;
    text-align: center;
    color: #666;
    padding: 1rem 6rem; }
    .testing_service_category .uk-dropdown a:hover {
      text-decoration: none;
      color: #31894e;
      background-color: #e7f1ea; }

.testing_body {
  background-color: #f7f7f7;
  padding-top: 10.7rem;
  padding-bottom: 11rem; }

.testing_list h2 {
  font-size: 2.6rem;
  color: #000;
  font-weight: bold; }
  .testing_list h2 i {
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    line-height: 3rem;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    font-style: normal;
    background-image: url("../images/testing/order_bg.png");
    background-repeat: none;
    background-size: contain;
    margin-right: 1rem; }

.testing_list_info {
  margin-top: 0.3rem;
  font-size: 1.8rem;
  color: #999;
  font-weight: 300; }
  .testing_list_info p {
    margin: 0; }

.about_banner {
  text-align: center;
  height: 70vh; }
  .about_banner h2 {
    font-size: 2.2rem;
    color: #fff; }
    .about_banner h2 span {
      color: #31894e;
      display: inline-block;
      margin-right: 1rem; }
  .about_banner h1 {
    margin-top: 0;
    font-size: 6rem;
    color: #fff;
    font-weight: bold;
    position: relative; }
    .about_banner h1:after {
      content: "";
      display: block;
      width: 8rem;
      height: 0.5rem;
      background-color: #31894e;
      position: absolute;
      bottom: -4rem;
      left: 50%;
      transform: translate(-50%); }

.about_sec1 {
  padding-top: 10rem;
  padding-bottom: 15rem;
  background-image: url("../images/about/about_sec1_bg.png");
  background-repeat: no-repeat;
  background-size: cover; }

.about_sec_info {
  margin-right: 15rem; }
  .about_sec_info h2 {
    font-size: 3.2rem;
    color: #000;
    margin-bottom: 7rem; }
  .about_sec_info p {
    font-size: 1.6rem;
    line-height: 3rem;
    color: #666;
    margin: 0; }
  .about_sec_info h3 {
    margin-top: 2rem;
    font-size: 2rem;
    color: #31894e;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    padding: 2rem 8rem;
    background-color: rgba(31, 126, 61, 0.16);
    margin-bottom: 0; }

.about_sec1_grid {
  margin-top: 10rem; }
  .about_sec1_grid h4 {
    font-size: 4rem;
    line-height: 4rem;
    color: #31894e;
    font-weight: bold;
    margin-bottom: 0.5rem; }
  .about_sec1_grid p {
    font-size: 1.6rem;
    color: #666;
    margin: 0; }
  .about_sec1_grid small {
    color: #c5c5c5;
    font-size: 1.4rem; }

.about_sec2 {
  background-image: url("../images/about/about_sec2_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 27rem;
  padding-bottom: 27rem; }

.about_sec2_pic {
  text-align: center; }
  .about_sec2_pic img {
    max-width: 45rem; }

.bottom_line {
  position: relative; }
  .bottom_line:after {
    content: "";
    display: block;
    width: 8rem;
    height: 0.5rem;
    background-color: #31894e;
    position: absolute;
    left: 0;
    bottom: -3rem; }

.bottom_line_center {
  position: relative; }
  .bottom_line_center:after {
    content: "";
    display: block;
    width: 8rem;
    height: 0.5rem;
    background-color: #31894e;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -3rem; }

.about_sec2_info h2 {
  font-size: 3.2rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 6rem; }
.about_sec2_info p {
  color: #b9b9b9;
  font-size: 1.6rem; }
.about_sec2_info h3 {
  font-size: 4rem;
  font-weight: bold;
  color: #31894e; }
.about_sec2_info .about_sec2_grid {
  margin-top: 4.5rem; }
  .about_sec2_info .about_sec2_grid h3 {
    margin-bottom: 0; }
  .about_sec2_info .about_sec2_grid p {
    margin: 0; }

.about_sec3 {
  padding-top: 10rem;
  padding-bottom: 14rem; }

h2.about_sec_h2 {
  font-size: 3.2rem;
  color: #000;
  text-align: center; }

.about_sec3_map {
  margin-top: 6.6rem; }

.map_wrapper {
  position: relative;
  margin-left: 25%; }

.about_sec3_address_card {
  position: absolute;
  left: -30%;
  top: 13%;
  overflow: hidden;
  border-radius: 1rem;
  width: 40rem; }
  .about_sec3_address_card figure {
    margin-bottom: 0; }
  .about_sec3_address_card figcaption {
    padding: 4rem 3rem;
    background-color: #212121; }
    .about_sec3_address_card figcaption p {
      position: relative;
      padding-left: 2rem;
      margin: 0; }
    .about_sec3_address_card figcaption img {
      position: absolute;
      left: 0;
      top: 0.1rem;
      width: 1.5rem;
      margin-right: 1rem; }
    .about_sec3_address_card figcaption h4 {
      font-size: 2rem;
      margin-bottom: 2rem; }
    .about_sec3_address_card figcaption p {
      font-size: 1.3rem; }

.fig_img_card {
  height: 18rem; }

.address_marker {
  margin: 0; }
  .address_marker li {
    list-style: none; }

.about_history {
  background-image: url("../images/about/history_bg.jpg");
  background-size: cover;
  padding-top: 16rem;
  padding-bottom: 22rem; }

.history_slider {
  text-align: center; }
  .history_slider p {
    font-size: 2rem;
    color: #666; }
  .history_slider h3 {
    font-size: 20rem;
    line-height: 20rem;
    margin-bottom: 2rem;
    font-family: sans-serif;
    color: #999; }
    .history_slider h3 span {
      color: #1e7d3c; }

.history_slider {
  margin-top: 12rem;
  width: 100%;
  height: 100%; }
  .history_slider .swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.2); }
    .history_slider .swiper-slide p {
      display: none; }
    .history_slider .swiper-slide h3 {
      font-weight: 300; }
      .history_slider .swiper-slide h3 span {
        color: #999; }
  .history_slider .swiper-slide-active, .history_slider .swiper-slide-duplicate-active {
    transform: scale(1); }
    .history_slider .swiper-slide-active p, .history_slider .swiper-slide-duplicate-active p {
      display: block; }
    .history_slider .swiper-slide-active h3, .history_slider .swiper-slide-duplicate-active h3 {
      color: #999;
      font-weight: bold; }
      .history_slider .swiper-slide-active h3 span, .history_slider .swiper-slide-duplicate-active h3 span {
        color: #1e7d3c; }

.history-button {
  display: inline-block;
  padding: 0.5rem 1rem;
  border: #ddd 1px solid;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000; }
  .history-button:hover {
    background-color: #31894e;
    color: #fff;
    cursor: pointer; }

.history-button-next {
  right: 20%; }

.history-button-prev {
  left: 20%; }

/**  service_banner  **/
.service_banner {
  height: 42rem;
  background-size: cover;
  background-repeat: no-repeat; }
  .service_banner h1 {
    font-size: 4.2rem;
    font-weight: bold; }
  .service_banner .tel_box {
    margin-top: 3.5rem;
    width: 25rem;
    height: 10.4rem;
    background-image: url("../images/service/banner_block.png");
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
    padding-top: 2rem;
    padding-left: 3rem; }
  .service_banner img {
    width: 2rem;
    margin-right: 1rem; }
  .service_banner h3 {
    font-size: 1.6rem;
    margin: 0; }
  .service_banner h4 {
    font-size: 2.4rem;
    font-weight: bold;
    margin-top: 1rem;
    margin-bottom: 0; }

.breadcrumb_container {
  border-bottom: #f6f6f6 1px solid; }

.service_nav_page ul {
  margin: 0; }
.service_nav_page a {
  font-size: 1.5rem;
  color: #555;
  display: block;
  padding: 2.3rem 0;
  border-bottom: #fff 3px solid; }
  .service_nav_page a:hover {
    text-decoration: none; }
.service_nav_page li {
  list-style: none;
  display: inline-block;
  margin: 0 3rem; }
  .service_nav_page li.active a {
    color: #31894e;
    border-bottom-color: #31894e; }

.service_warpper {
  background-color: #f7f7f7;
  padding-top: 10rem;
  padding-bottom: 13rem; }
  .service_warpper h2 {
    font-size: 3.2rem;
    font-weight: bold;
    color: #000; }

.service_block {
  margin-top: 9rem;
  background-image: url("../images/service/block_bg.jpg");
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 60% 0;
  background-size: 70%;
  box-shadow: 0 0 6px 5px rgba(0, 0, 0, 0.01); }
  .service_block h2 {
    margin-bottom: 1.5rem; }
  .service_block .text_card {
    padding: 7rem; }
    .service_block .text_card p {
      color: #afb7bf;
      font-size: 1.8rem;
      margin-bottom: 0;
      margin-top: 1.5rem; }

.service_address {
  margin-top: 3.4rem; }
  .service_address > div {
    margin-top: 1rem; }
  .service_address p {
    font-size: 1.6rem !important; }
  .service_address h5 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1rem;
    font-size: 2rem;
    font-weight: bold; }

.service_weixin_box {
  background-color: #1f7e3d;
  width: 38rem !important;
  box-sizing: border-box; }
  .service_weixin_box h5 {
    margin-top: 2rem;
    color: #fff;
    font-size: 2rem; }
  .service_weixin_box .pos_wl {
    right: 7rem;
    top: 6rem; }

.service_form_wrapper {
  margin-top: 10rem; }

.form_box {
  margin-top: 10rem; }
  .form_box input {
    height: 7rem;
    font-size: 1.8rem;
    color: #666;
    padding: 2rem 2rem 2rem 3rem; }
    .form_box input:focus {
      border-color: #31894e; }
  .form_box textarea {
    font-size: 1.8rem;
    color: #666;
    padding: 2rem 2rem 2rem 3rem; }
    .form_box textarea:focus {
      border-color: #31894e; }

.submit_btn {
  height: 7rem;
  line-height: 7rem;
  color: #fff;
  background-color: #31894e;
  font-size: 1.8rem;
  padding: 0 6rem;
  letter-spacing: 0.1rem; }

.red-star {
  color: red; }

.get_code_btn {
  height: 7rem;
  line-height: 7rem;
  color: #fff;
  width: 25rem;
  border: #31894e 1px solid;
  font-size: 1.8rem;
  background: none;
  color: #31894e; }
  .get_code_btn:hover {
    color: #31894e; }

.button-radio-group {
  display: inline-flex;
  gap: 5px; }

/* 隐藏原始的radio */
.button-radio-group input[type="radio"] {
  display: none; }

/* 样式化label作为按钮 */
.button-radio-group label {
  display: inline-block;
  padding: 1.4rem 8rem;
  background-color: #e0ebe4;
  border: none;
  cursor: pointer;
  color: #31894e;
  text-align: center;
  font-size: 2rem;
  transition: all 0.3s ease; }

/* 选中状态的样式 */
.button-radio-group label:has(input:checked) {
  background-color: #31894e;
  color: white; }

/* 悬停效果 */
.button-radio-group label:hover {
  background-color: #e0e0e0; }

.download_wrapper {
  margin-top: 10rem;
  margin-bottom: 15rem; }

/*** download **/
.down_nav {
  border-right: #f6f6f6 1px solid;
  padding-bottom: 10rem; }
  .down_nav h5 {
    font-size: 1.6rem;
    color: #999; }
  .down_nav ul {
    margin: 0;
    padding: 0; }
  .down_nav a {
    font-size: 1.8rem;
    color: #000;
    display: block;
    padding: 2rem;
    padding-left: 0.2rem;
    border-bottom: #f6f6f6 1px solid;
    position: relative; }
    .down_nav a i {
      position: absolute;
      right: 2rem;
      top: 50%;
      transform: translateY(-50%);
      color: #fff; }
    .down_nav a:hover {
      text-decoration: none;
      color: #31894e; }
      .down_nav a:hover i {
        color: #e0ebe4; }
  .down_nav li {
    list-style: none; }
    .down_nav li.active a {
      color: #31894e;
      border-bottom-color: #31894e; }
    .down_nav li.active i {
      color: #31894e; }

.h2_30 {
  font-size: 3rem;
  font-weight: bold;
  color: #000; }

.download_page_wrapper {
  padding: 0;
  margin-top: 4rem; }

.contact_wrapper {
  padding-top: 10rem;
  padding-bottom: 10rem; }

.address_grid {
  margin-top: 9rem; }
  .address_grid .uk-card {
    padding: 4rem 2rem;
    border-bottom: #eaeae9 1px solid; }
  .address_grid img {
    width: 7rem; }
  .address_grid h4 {
    font-size: 1.6rem;
    color: #000;
    margin-bottom: 2rem; }
  .address_grid .tel {
    color: #999;
    font-size: 1.6rem; }
  .address_grid .add {
    color: #999;
    font-size: 1.4rem;
    margin-top: 0.5rem; }

.address_grid .item:nth-child(2) .uk-card {
  border-left: #eaeae9 1px solid; }

.address_grid .item:nth-child(3) .uk-card {
  border-left: #eaeae9 1px solid; }

.address_grid .item:nth-child(5) .uk-card {
  border-left: #eaeae9 1px solid;
  border-right: #eaeae9 1px solid; }

.address_map {
  margin-top: 5rem; }

.job_nav_wrapper {
  margin-top: 3rem; }

.job_nav {
  padding: 0; }
  .job_nav li {
    list-style: none;
    display: inline-block;
    margin-right: 4rem; }
    .job_nav li.uk-active a {
      color: #31894e;
      border-color: #31894e; }
  .job_nav a {
    display: block;
    border-radius: 4rem;
    padding: 1rem 4rem;
    font-size: 1.8rem;
    color: #333;
    border: #eee 1px solid; }
    .job_nav a:hover {
      text-decoration: none; }

.job_search_box .uk-form-icon {
  left: 1rem; }
.job_search_box input {
  background-color: #e7f1eb;
  width: 35rem;
  height: 6rem;
  border: none;
  border-radius: 5rem;
  font-size: 1.4rem; }
  .job_search_box input:focus {
    background-color: #d7e7dd; }
.job_search_box button {
  background: none;
  border: none;
  color: #31894e; }
.job_search_box .uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input {
  padding-left: 46px !important; }

.job_table_header {
  background: linear-gradient(to right, #1f833f, #0e7372);
  margin-top: 4rem;
  color: #fff;
  font-size: 2rem;
  padding-top: 3rem;
  padding-bottom: 2rem;
  padding-left: 5rem;
  padding-right: 4rem;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem; }

.job_table_body {
  border-left: #eee 1px solid;
  border-right: #eee 1px solid;
  border-bottom: #eee 1px solid; }
  .job_table_body li:not(:last-child) {
    border-bottom: #eee 1px solid; }
  .job_table_body .uk-accordion-title {
    padding-left: 5rem;
    padding-right: 5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: #333 !important; }
    .job_table_body .uk-accordion-title:hover {
      text-decoration: none; }
    .job_table_body .uk-accordion-title i {
      color: #31894e; }
    .job_table_body .uk-accordion-title .uk-accordion-icon {
      background-color: #31894e;
      color: #fff;
      display: inline-block;
      padding: 2rem;
      border-radius: 50%; }
  .job_table_body h4 {
    font-size: 2rem;
    margin: 0; }
  .job_table_body p {
    margin: 0;
    font-size: 1.6rem; }
  .job_table_body .uk-accordion-content {
    margin-top: 0;
    padding: 3rem 5rem; }
    .job_table_body .uk-accordion-content h3 {
      font-size: 2.4rem; }
    .job_table_body .uk-accordion-content p {
      font-size: 1.6rem;
      color: #999; }

.uk-open .uk-accordion-title {
  background-color: #e7f2eb; }

.btn_job {
  display: inline-block;
  color: #000;
  font-size: 2rem;
  padding: 2rem 0;
  border-bottom: #000 2px solid; }
  .btn_job i {
    margin-left: 4rem; }
  .btn_job:hover {
    text-decoration: none;
    color: #31894e;
    border-color: #31894e; }

.job_rencai {
  background-color: #f3f5f7;
  padding: 10rem 0 13rem;
  margin-top: 10rem; }

.job_rencai_grid {
  margin-top: 7rem;
  margin-bottom: 2rem; }
  .job_rencai_grid figure {
    background-color: #fff; }
    .job_rencai_grid figure:hover img {
      transform: scale(1.1); }
  .job_rencai_grid figcaption {
    padding: 3.5rem 3rem; }
  .job_rencai_grid h3 {
    font-size: 3rem;
    color: #333; }
  .job_rencai_grid p {
    font-size: 1.6rem;
    color: #999;
    margin: 0; }

.article_content h1 {
  margin-bottom: 1rem; }
.article_content h4 {
  font-size: 2rem;
  font-weight: bold;
  color: #31894e;
  border-bottom: #ddd 1px solid;
  padding-bottom: 2rem; }
.article_content .date {
  font-size: 1.8rem;
  color: #333; }
.article_content .news_content {
  margin-top: 4rem; }
  .article_content .news_content p {
    font-size: 1.8rem;
    color: #333;
    line-height: 3.6rem; }

.related_article {
  width: 40rem; }
  .related_article ul {
    margin-top: 5rem;
    padding: 0; }
  .related_article li {
    list-style: none;
    background-color: #fff;
    padding: 3rem; }
    .related_article li:not(:last-child) {
      margin-bottom: 2rem; }
    .related_article li:hover a {
      text-decoration: none;
      color: #31894e; }
  .related_article h2 {
    margin: 0; }
    .related_article h2 a {
      color: #333;
      font-size: 2rem;
      line-height: 3.4rem;
      display: block; }
  .related_article p {
    font-size: 1.6rem;
    color: #999;
    margin-bottom: 0; }
    .related_article p i {
      transform: translateY(-1px); }

/*# sourceMappingURL=style.css.map */