@charset "UTF-8";
@font-face {
  font-family: 'iconfont';
  src: url("/public/fonts/fa-icon/iconfont.woff2") format("woff2"), url("/public/fonts/fa-icon/iconfont.woff") format("woff"), url("/public/fonts/fa-icon/iconfont.ttf") format("truetype"); }
.container {
  margin: 0 auto;
  width: 86%;
  max-width: 1500px;
  min-width: 900px; }
  @media (max-width: 1000px) {
    .container {
      width: 90%; } }
  @media (max-width: 768px) {
    .container {
      width: 96%;
      min-width: 300px; } }

html, body {
  background-color: #fff;
  font-size: 14px;
  line-height: 1.5; }

.formSet input, .formSet textarea, .formSet select {
  width: 100%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 2px;
  border: 1px solid #ccc;
  overflow: hidden;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset; }
  .formSet input:hover, .formSet textarea:hover, .formSet select:hover {
    border: 1px solid #666;
    border-radius: 5px; }
.formSet input {
  height: 50px;
  line-height: 50px; }
.formSet input[type=checkbox] {
  width: 50px;
  display: inline-block;
  cursor: pointer; }
.formSet textarea {
  height: 150px;
  line-height: 30px;
  overflow-y: scroll; }
.formSet input[type=submit] {
  background-color: #22627b;
  color: #fff;
  cursor: pointer; }
.formSet select {
  width: 100%;
  height: 50px; }
  .formSet select option {
    padding-top: 10px;
    padding-bottom: 10px; }

.page-show-products .show-pro .content {
  border: 0.1rem solid #f0f0f0; }
  .page-show-products .show-pro .content .btn-list {
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important;
    justify-content: start;
    background-color: #f0f0f0; }
    .page-show-products .show-pro .content .btn-list .btn {
      line-height: 5rem;
      padding: 0 3rem;
      text-transform: uppercase;
      font-size: 2rem;
      font-weight: bold;
      color: #737373;
      border-bottom: 1px solid #f0f0f0;
      border-right: 1px solid #fff; }
      .page-show-products .show-pro .content .btn-list .btn:last-child {
        border-right: none; }
      .page-show-products .show-pro .content .btn-list .btn.curr {
        background-color: #fff;
        border-bottom-color: #fff;
        color: #333;
        border-top: 0.2rem solid #24a94b;
        margin-top: -0.1rem; }
  .page-show-products .show-pro .content .panels {
    margin: 30px; }
    .page-show-products .show-pro .content .panels .panel {
      display: none; }
      .page-show-products .show-pro .content .panels .panel .tag-list .tagsa {
        display: inline-block;
        line-height: 40px;
        padding: 0 30px;
        background-color: #999999;
        margin-right: 5px; }
        .page-show-products .show-pro .content .panels .panel .tag-list .tagsa:hover {
          background-color: #24a94b;
          color: #fff; }
      .page-show-products .show-pro .content .panels .panel.curr {
        display: block; }

:root {
  font-size: 62.5%;
  font-family: 'microsoft yahei',sans-serif,iconfont; }

body, html {
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.5em;
  color: #222; }

a {
  color: #222; }
  a:hover {
    color: #24a94b; }

.head-top {
  background-color: #FFF;
  padding: 1.5rem 0; }
  .head-top .main-box {
    justify-content: space-between;
    position: relative; }
    .head-top .main-box:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 50%;
      height: 0.3rem;
      background-color: #24a94b;
      transform: translate(-103%, -50%); }
  .head-top .path-box {
    align-items: center;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1em; }
    .head-top .path-box a {
      color: #24a94b; }
    .head-top .path-box.path-box-0 {
      font-size: 2rem;
      font-weight: bold;
      line-height: 1em; }
  .head-top .item {
    position: relative;
    padding: 0 4rem; }
    .head-top .item a:before {
      font-family: iconfont;
      font-weight: normal;
      margin-right: 0.5rem; }
    .head-top .item:before {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      width: 0.1rem;
      height: 1.6rem;
      background-color: #dbdbdb;
      transform: translateY(-50%); }
    .head-top .item:first-child {
      padding-left: 0; }
    .head-top .item:last-child {
      padding-right: 0; }
      .head-top .item:last-child:before {
        display: none; }
    .head-top .item:nth-child(2n) a {
      color: #222;
      font-size: 1.6rem;
      font-weight: normal; }
      .head-top .item:nth-child(2n) a:hover {
        color: #24a94b; }
  @media screen and (min-width: 768px) {
    .head-top {
      display: block; } }
  @media screen and (max-width: 768px) {
    .head-top {
      display: none; } }

.logo-nav-search {
  background-color: #EBEBEB; }
  .logo-nav-search .main-box {
    justify-content: space-between;
    position: relative; }
  .logo-nav-search .logo {
    padding: 2rem 0; }
  .logo-nav-search .main-nav {
    position: relative;
    z-index: 9999; }
    .logo-nav-search .main-nav a {
      color: #222; }
    .logo-nav-search .main-nav .nav-ul-1 {
      height: 100%;
      justify-content: space-between;
      gap: 0 2rem; }
      .logo-nav-search .main-nav .nav-ul-1 .nav-li-1 {
        height: 100%;
        position: relative;
        width: 10rem;
        flex: 1 1 auto;
        max-width: 100%;
        text-align: center; }
        .logo-nav-search .main-nav .nav-ul-1 .nav-li-1.hover .nav-a-1 {
          font-weight: bold;
          color: #24a94b; }
          .logo-nav-search .main-nav .nav-ul-1 .nav-li-1.hover .nav-a-1:before {
            width: 100%; }
        .logo-nav-search .main-nav .nav-ul-1 .nav-li-1:hover .nav-a-1 {
          font-weight: normal;
          color: #24a94b; }
          .logo-nav-search .main-nav .nav-ul-1 .nav-li-1:hover .nav-a-1:before {
            width: 100%; }
        .logo-nav-search .main-nav .nav-ul-1 .nav-li-1:hover .lay-div {
          display: block; }
      .logo-nav-search .main-nav .nav-ul-1 .nav-a-1 {
        flex: 0 0 auto;
        height: 100%;
        position: relative;
        white-space: nowrap;
        display: -webkit-flex !important;
        display: flex !important;
        -ms-display: flex !important;
        align-items: center;
        justify-content: center;
        font-size: 1.8rem;
        font-weight: normal; }
        .logo-nav-search .main-nav .nav-ul-1 .nav-a-1:before {
          position: absolute;
          content: "";
          height: 0;
          width: 0;
          left: 0;
          bottom: 0;
          border-bottom: 0.4rem solid #24a94b;
          transition: all 500ms linear; }
      .logo-nav-search .main-nav .nav-ul-1 .lay-div {
        position: absolute;
        display: none;
        top: 100%;
        left: 0;
        min-width: 100%;
        background-color: #FFF;
        box-shadow: 0 0.1rem 1rem #DDDDDD; }
        .logo-nav-search .main-nav .nav-ul-1 .lay-div .nav-a-2 {
          display: block;
          text-align: center;
          width: 100%;
          height: 3em;
          line-height: 3em;
          font-size: 1.4rem;
          font-weight: normal;
          border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2); }
          .logo-nav-search .main-nav .nav-ul-1 .lay-div .nav-a-2:hover {
            color: #24a94b;
            font-weight: bold; }
    @media screen and (max-width: 768px) {
      .logo-nav-search .main-nav {
        position: fixed;
        z-index: 9999;
        top: 0;
        right: 0;
        background-color: transparent; }
        .logo-nav-search .main-nav .wap-nav-btn {
          position: absolute;
          width: 4rem;
          height: 4rem;
          top: 1rem;
          right: 1rem;
          text-align: center;
          background-color: #24a94b; }
          .logo-nav-search .main-nav .wap-nav-btn:before {
            content: "\e1a10";
            font-size: 2.6666666667rem;
            font-family: iconfont;
            line-height: 4rem;
            color: #FFF; }
        .logo-nav-search .main-nav .container {
          width: 100%; }
        .logo-nav-search .main-nav .nav-ul-1 {
          margin-top: 6rem;
          background-color: #FFF;
          width: 100vw;
          height: 100vh;
          display: none !important; }
          .logo-nav-search .main-nav .nav-ul-1 .nav-li-1 {
            position: relative;
            width: 90%;
            height: auto;
            margin: 0 auto;
            border-bottom: 0.1rem solid #F6F6F6; }
            .logo-nav-search .main-nav .nav-ul-1 .nav-li-1:hover .lay-div {
              display: none; }
            .logo-nav-search .main-nav .nav-ul-1 .nav-li-1:nth-child(n+2) .nav-a-1 {
              position: relative; }
              .logo-nav-search .main-nav .nav-ul-1 .nav-li-1:nth-child(n+2) .nav-a-1:before {
                position: absolute;
                content: "";
                height: 50%;
                width: 0;
                border-left: 0.1rem dot-dash #FFF;
                left: 0;
                top: 25%; }
          .logo-nav-search .main-nav .nav-ul-1 .nav-a-1 {
            display: block;
            width: 100%;
            padding: 1.5rem 0; }
            .logo-nav-search .main-nav .nav-ul-1 .nav-a-1:hover {
              color: #24a94b; }
          .logo-nav-search .main-nav .nav-ul-1 .lay-div {
            position: absolute;
            display: none;
            top: 100%;
            left: 0;
            min-width: 100%; }
            .logo-nav-search .main-nav .nav-ul-1 .lay-div .nav-a-2 {
              display: block;
              text-align: center;
              background-color: #24a94b;
              width: 100%;
              height: 6rem;
              line-height: 6rem;
              font-size: 1.2rem;
              font-weight: normal;
              border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2); }
              .logo-nav-search .main-nav .nav-ul-1 .lay-div .nav-a-2:hover {
                color: #24a94b; }
          .logo-nav-search .main-nav .nav-ul-1.on {
            display: block !important; } }
  .logo-nav-search .search {
    align-self: center; }
    .logo-nav-search .search .searchformform {
      position: relative; }
      .logo-nav-search .search .searchformform .searchword {
        height: 4rem;
        line-height: 4rem;
        border: 1px solid #F1F1F1;
        width: 30rem;
        padding-left: 1rem;
        padding-right: 5rem; }
      .logo-nav-search .search .searchformform .searchgo {
        width: 4rem;
        height: 4rem;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        line-height: 4rem;
        font-size: 2rem;
        font-family: iconfont;
        background-color: #24a94b;
        color: #FFF; }
        .logo-nav-search .search .searchformform .searchgo:hover {
          background-color: #0c8e32;
          cursor: pointer; }
    @media screen and (max-width: 768px) {
      .logo-nav-search .search .main-box {
        width: 100%; }
        .logo-nav-search .search .main-box .search {
          width: 100%; }
          .logo-nav-search .search .main-box .search .searchformform .searchword {
            width: 100%; }
        .logo-nav-search .search .main-box .page-position, .logo-nav-search .search .main-box .page-keyword {
          display: none; } }
  @media screen and (max-width: 768px) {
    .logo-nav-search .search {
      position: absolute;
      right: 0;
      top: 100%;
      align-self: center; }
      .logo-nav-search .search .searchformform {
        position: relative; }
        .logo-nav-search .search .searchformform .searchword {
          height: 4rem;
          line-height: 4rem;
          border: 1px solid #F1F1F1;
          width: 30rem;
          padding-left: 1rem;
          padding-right: 5rem; }
        .logo-nav-search .search .searchformform .searchgo {
          width: 4rem;
          height: 4rem;
          position: absolute;
          right: 0;
          top: 0;
          text-align: center;
          line-height: 4rem;
          font-size: 2rem;
          font-family: iconfont;
          background-color: #24a94b;
          color: #FFF; }
          .logo-nav-search .search .searchformform .searchgo:hover {
            background-color: #0c8e32;
            cursor: pointer; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .logo-nav-search .search .main-box {
      width: 100%; }
      .logo-nav-search .search .main-box .search {
        width: 100%; }
        .logo-nav-search .search .main-box .search .searchformform .searchword {
          width: 100%; }
      .logo-nav-search .search .main-box .page-position, .logo-nav-search .search .main-box .page-keyword {
        display: none; } }

.index-item .more-box {
  margin-top: 2rem;
  text-align: center; }
  .index-item .more-box .more-a {
    display: inline-block;
    margin: 0 auto;
    height: 5rem;
    line-height: 5rem;
    padding: 0 2.5rem;
    border: 0.1rem solid #24a94b;
    border-radius: 2.5rem;
    color: #24a94b; }
    .index-item .more-box .more-a:after {
      content: "\e1201";
      margin-left: 2rem;
      font-size: 2rem;
      font-family: iconfont; }
    .index-item .more-box .more-a:hover {
      background-color: rgba(36, 169, 75, 0.8);
      color: #FFF; }

.index-products {
  padding: 5rem 0; }
  .index-products .top {
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important;
    justify-content: space-between;
    align-content: center; }
  .index-products .left-box .txt.name {
    color: #24a94b;
    font-size: 5.6rem;
    font-weight: normal;
    line-height: 1em; }
    .index-products .left-box .txt.name.en {
      font-size: 2.4rem;
      font-weight: normal;
      padding: 3rem 0 0; }
  .index-products .right-box .list {
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important;
    justify-content: flex-start; }
    .index-products .right-box .list .item {
      position: relative;
      display: -webkit-flex !important;
      display: flex !important;
      -ms-display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-content: center;
      text-align: center;
      padding: 1rem 2rem;
      color: #222;
      border-bottom: 0.1rem solid #dddddd; }
      .index-products .right-box .list .item:before {
        font-size: 4rem;
        font-weight: normal;
        line-height: 1em;
        margin-bottom: 0.5rem; }
      .index-products .right-box .list .item:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        left: 0;
        bottom: -0.1rem;
        border-bottom: 0.2rem solid #24a94b;
        transition: all 500ms linear; }
      .index-products .right-box .list .item:hover, .index-products .right-box .list .item.curr {
        color: #24a94b; }
        .index-products .right-box .list .item:hover:after, .index-products .right-box .list .item.curr:after {
          width: 100%; }
      .index-products .right-box .list .item.curr {
        font-weight: bold; }
  .index-products .bottom {
    margin-top: 3rem; }
    .index-products .bottom .display-box {
      display: none; }
      .index-products .bottom .display-box.curr {
        display: block; }
    .index-products .bottom .list-path {
      display: grid;
      grid-template-columns: auto;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto;
      grid-row-gap: 3rem;
      grid-column-gap: 3rem;
      justify-content: start; }
      .index-products .bottom .list-path > * {
        margin: 0;
        overflow: hidden;
        width: 100%; }
      .index-products .bottom .list-path .item {
        background-color: #EDEDED;
        text-align: center;
        padding: 3rem;
        transition: all 500ms linear; }
        .index-products .bottom .list-path .item:hover {
          background: url("../images/pro_item_bg.jpg") no-repeat center;
          background-size: cover; }
          .index-products .bottom .list-path .item:hover .text-box {
            color: #FFF; }
        .index-products .bottom .list-path .item .text-box {
          text-align: center;
          color: #24a94b; }
          .index-products .bottom .list-path .item .text-box .number {
            width: 100%;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 2.2rem;
            font-weight: normal; }
          .index-products .bottom .list-path .item .text-box .title {
            width: 100%;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 2.4rem;
            font-weight: normal;
            margin: 2rem 0 3rem; }
  @media screen and (max-width: 768px) {
    .index-products {
      padding: 2rem 0; }
      .index-products .top {
        display: -webkit-flex !important;
        display: flex !important;
        -ms-display: flex !important;
        flex-direction: column; }
      .index-products .left-box .txt.name {
        color: #24a94b;
        font-size: 2.4rem;
        font-weight: normal;
        line-height: 1em; }
        .index-products .left-box .txt.name.en {
          font-size: 1.6rem;
          font-weight: normal;
          padding: 1rem 0  2rem; }
      .index-products .right-box .list {
        display: -webkit-flex !important;
        display: flex !important;
        -ms-display: flex !important;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 2rem 0; }
        .index-products .right-box .list .item {
          position: relative;
          padding: 0.5rem 1rem;
          font-size: 1.2rem; }
          .index-products .right-box .list .item:before {
            font-size: 3rem;
            font-weight: normal;
            line-height: 1em;
            margin-bottom: 0.5rem; }
      .index-products .bottom {
        margin-top: 2rem; }
        .index-products .bottom .display-box {
          display: none; }
          .index-products .bottom .display-box.curr {
            display: block; }
        .index-products .bottom .list-path {
          display: grid;
          grid-template-columns: auto;
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows: auto;
          grid-row-gap: 1rem;
          grid-column-gap: 1rem;
          justify-content: start; }
          .index-products .bottom .list-path > * {
            margin: 0;
            overflow: hidden;
            width: 100%; }
          .index-products .bottom .list-path .item {
            background-color: #EDEDED;
            text-align: center;
            padding: 1rem;
            transition: all 500ms linear; }
            .index-products .bottom .list-path .item:hover {
              background: url("../images/pro_item_bg.jpg") no-repeat center;
              background-size: cover; }
              .index-products .bottom .list-path .item:hover .text-box {
                color: #FFF; }
            .index-products .bottom .list-path .item .text-box {
              text-align: center;
              color: #24a94b; }
              .index-products .bottom .list-path .item .text-box .number {
                width: 100%;
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                font-size: 1.6rem;
                font-weight: normal; }
              .index-products .bottom .list-path .item .text-box .title {
                width: 100%;
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                font-size: 1.4rem;
                font-weight: normal;
                margin: 0.8rem 0 1.5rem; } }

.index-about {
  background: url("../images/index_about_bg.jpg") no-repeat top center fixed;
  padding: 12rem 0;
  color: #FFF; }
  .index-about .max-box {
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important;
    justify-content: space-between;
    align-items: flex-start; }
  .index-about .left-box .text-box .txt.name {
    font-size: 5.6rem;
    font-weight: normal;
    line-height: 1em; }
    .index-about .left-box .text-box .txt.name.en {
      font-size: 2.4rem;
      font-weight: normal;
      padding: 3rem 0 8rem; }
  .index-about .left-box .text-box .txt.text {
    font-size: 3.6rem;
    font-weight: normal;
    line-height: 1.5em; }
  .index-about .left-box .text-box .content.desc {
    padding: 5rem 0 6rem;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 2em;
    text-align: justify; }
  .index-about .left-box .more {
    display: inline-block;
    width: 18rem;
    height: 5.5rem;
    border-radius: 2.75rem;
    border: 0.1rem solid #F7F7F7;
    line-height: 5.5rem;
    text-align: center;
    overflow: hidden;
    transition: all 500ms linear;
    background-color: transparent; }
    .index-about .left-box .more .more-a {
      display: block;
      width: 100%;
      height: 100%;
      color: #FFF;
      font-size: 1.6rem;
      font-weight: normal; }
      .index-about .left-box .more .more-a:after {
        content: "\e1001";
        margin-left: 3rem;
        transition: all 500ms linear; }
    .index-about .left-box .more:hover {
      background-color: #24a94b;
      border-color: #24a94b; }
      .index-about .left-box .more:hover .more-a:after {
        margin-left: 2rem; }
  .index-about .right-box {
    flex: 0 0 auto;
    max-width: 100%;
    margin-left: 10rem; }
    .index-about .right-box .list {
      display: grid;
      grid-template-columns: 24rem 24rem;
      /* 固定列宽 */
      grid-template-rows: 24rem 24rem 24rem;
      /* 固定行高 */
      gap: 0;
      /* 使用gap创建1px分隔线 */
      overflow: hidden;
      width: fit-content; }
    .index-about .right-box .item {
      border: 1px solid rgba(255, 255, 255, 0.2);
      /* 容器边框 */
      display: -webkit-flex !important;
      display: flex !important;
      -ms-display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .index-about .right-box .item .number-box {
        font-size: 2.2rem;
        font-weight: normal;
        margin-bottom: 1rem; }
        .index-about .right-box .item .number-box .counter {
          font-size: 8.2rem; }
      .index-about .right-box .item .text {
        font-size: 1.8rem;
        font-weight: normal; }
      .index-about .right-box .item:nth-child(1) {
        grid-row: 1;
        grid-column: 2; }
      .index-about .right-box .item:nth-child(2) {
        grid-row: 2;
        grid-column: 1; }
      .index-about .right-box .item:nth-child(3) {
        grid-row: 2;
        grid-column: 2;
        border-width: 0 0.1rem 0 0; }
      .index-about .right-box .item:nth-child(4) {
        grid-row: 3;
        grid-column: 2; }
  @media screen and (max-width: 768px) {
    .index-about {
      padding: 5rem 0; }
      .index-about .max-box {
        display: -webkit-flex !important;
        display: flex !important;
        -ms-display: flex !important;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start; }
      .index-about .left-box .text-box .txt.name {
        font-size: 2.8rem;
        font-weight: normal;
        line-height: 1em; }
        .index-about .left-box .text-box .txt.name.en {
          font-size: 1.6rem;
          font-weight: normal;
          padding: 2rem 0 3rem; }
      .index-about .left-box .text-box .txt.text {
        font-size: 2rem;
        font-weight: normal;
        line-height: 1.5em; }
      .index-about .left-box .text-box .content.desc {
        padding: 2rem 0 3rem;
        font-size: 1.6rem;
        font-weight: normal;
        line-height: 2em;
        text-align: justify; }
      .index-about .left-box .more {
        display: inline-block;
        width: 18rem;
        height: 5.5rem;
        border-radius: 2.75rem;
        border: 0.1rem solid #F7F7F7;
        line-height: 5.5rem;
        text-align: center;
        overflow: hidden;
        transition: all 500ms linear;
        background-color: transparent; }
        .index-about .left-box .more .more-a {
          display: block;
          width: 100%;
          height: 100%;
          color: #FFF;
          font-size: 1.6rem;
          font-weight: normal; }
          .index-about .left-box .more .more-a:after {
            content: "\e1001";
            margin-left: 3rem;
            transition: all 500ms linear; }
        .index-about .left-box .more:hover {
          background-color: #24a94b;
          border-color: #24a94b; }
          .index-about .left-box .more:hover .more-a:after {
            margin-left: 2rem; }
      .index-about .right-box {
        flex: 0 0 auto;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5rem;
        text-align: center; }
        .index-about .right-box .list {
          display: grid;
          grid-template-columns: repeat(2, 16rem);
          /* 固定列宽 */
          grid-template-rows: repeat(2, 16rem);
          /* 固定行高 */
          gap: 0;
          /* 使用gap创建1px分隔线 */
          overflow: hidden;
          width: fit-content; }
        .index-about .right-box .item {
          border: 1px solid rgba(255, 255, 255, 0.2);
          /* 容器边框 */
          display: -webkit-flex !important;
          display: flex !important;
          -ms-display: flex !important;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          .index-about .right-box .item .number-box {
            font-size: 1.6rem;
            font-weight: normal;
            margin-bottom: 1rem; }
            .index-about .right-box .item .number-box .counter {
              font-size: 4rem; }
          .index-about .right-box .item .text {
            font-size: 1.4rem;
            font-weight: normal; }
          .index-about .right-box .item:nth-child(1) {
            grid-row: 1;
            grid-column: 1;
            border-width: 0.1rem  0 0.1rem 0.1rem; }
          .index-about .right-box .item:nth-child(2) {
            grid-row: 1;
            grid-column: 2; }
          .index-about .right-box .item:nth-child(3) {
            grid-row: 2;
            grid-column: 1;
            border-width: 0 0 0.1rem 0.1rem; }
          .index-about .right-box .item:nth-child(4) {
            grid-row: 2;
            grid-column: 2;
            border-width: 0  0.1rem 0.1rem 0.1rem; } }

.index-honor {
  padding: 10rem 0; }
  .index-honor .sort-box {
    text-align: center;
    color: #24a94b; }
    .index-honor .sort-box .name {
      font-size: 5.6rem;
      font-weight: normal;
      line-height: 1em; }
      .index-honor .sort-box .name.en {
        font-size: 2.4rem;
        font-weight: normal;
        padding: 3rem 0 8rem; }
  .index-honor .main-box {
    margin-top: 3rem;
    overflow: hidden; }
    .index-honor .main-box .list {
      flex-wrap: nowrap; }
    .index-honor .main-box .item {
      flex: 0 0 auto;
      margin-left: 1rem; }
      .index-honor .main-box .item img {
        height: 25rem;
        width: auto; }
  @media screen and (max-width: 768px) {
    .index-honor {
      padding: 5rem 0; }
      .index-honor .sort-box .name {
        font-size: 2.8rem;
        font-weight: normal;
        line-height: 1em; }
        .index-honor .sort-box .name.en {
          font-size: 1.4rem;
          font-weight: normal;
          padding: 2rem 0 3rem; }
      .index-honor .main-box {
        margin-top: 2rem;
        overflow: hidden; }
        .index-honor .main-box .list {
          flex-wrap: nowrap; }
        .index-honor .main-box .item {
          flex: 0 0 auto;
          margin-left: 1rem; }
          .index-honor .main-box .item img {
            height: 25rem;
            width: auto; } }

.index-news {
  padding: 3rem 0; }
  .index-news .sort-box {
    text-align: center;
    color: #24a94b; }
    .index-news .sort-box .name {
      font-size: 5.6rem;
      font-weight: normal;
      line-height: 1em; }
      .index-news .sort-box .name.en {
        font-size: 2.4rem;
        font-weight: normal;
        padding: 3rem 0 8rem; }
  .index-news .list-btn {
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important;
    justify-content: center;
    gap: 6rem; }
    .index-news .list-btn .item {
      position: relative;
      font-size: 1.8rem;
      font-weight: normal;
      line-height: 1em; }
      .index-news .list-btn .item.curr {
        font-weight: bold;
        color: #24a94b; }
        .index-news .list-btn .item.curr:after {
          width: 100%; }
      .index-news .list-btn .item:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        bottom: -1em;
        left: 0;
        border-bottom: 0.2rem solid #24a94b;
        transition: all 500ms linear; }
      .index-news .list-btn .item:before {
        content: "";
        width: 0;
        height: 1.8rem;
        border-left: 0.1rem solid #d7dbd9;
        position: absolute;
        top: 50%;
        left: -3rem;
        transform: translateY(-50%); }
      .index-news .list-btn .item:first-child:before {
        display: none; }
  .index-news .content-box {
    margin-top: 4rem; }
  .index-news .display-box {
    display: none; }
    .index-news .display-box.curr {
      display: block; }
  .index-news .path-area {
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important; }
    .index-news .path-area .left-box {
      width: 45%;
      flex: 0 0 auto;
      max-width: 100%;
      margin-right: 2%; }
      .index-news .path-area .left-box .item .pic {
        padding-bottom: 53%; }
      .index-news .path-area .left-box .item .text-box {
        margin-top: 1rem; }
      .index-news .path-area .left-box .item .title {
        width: 100%;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 1rem; }
      .index-news .path-area .left-box .item .desc {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 1.5em;
        height: 3em;
        font-size: 1.6rem;
        font-weight: normal;
        color: #222; }
      .index-news .path-area .left-box .item .time {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: normal;
        color: #222; }
    .index-news .path-area .right-box {
      width: 200px;
      flex: 1 1 auto;
      max-width: 100%; }
      .index-news .path-area .right-box .list {
        flex-direction: column; }
        .index-news .path-area .right-box .list .item {
          padding-bottom: 1rem; }
        .index-news .path-area .right-box .list .outer-div {
          padding: 0 0 1.5rem;
          border-bottom: 0.1rem solid #d7dbd9; }
          .index-news .path-area .right-box .list .outer-div .title {
            width: 100%;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 2rem;
            font-weight: bold;
            margin-bottom: 1rem; }
          .index-news .path-area .right-box .list .outer-div .desc {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            line-height: 1.5em;
            height: 1.5em;
            font-size: 1.6rem;
            font-weight: normal;
            color: #222; }
          .index-news .path-area .right-box .list .outer-div .time {
            margin-top: 1rem;
            font-size: 1.2rem;
            font-weight: normal;
            color: #222; }
  @media screen and (max-width: 768px) {
    .index-news {
      padding: 2rem 0; }
      .index-news .sort-box {
        text-align: center;
        color: #24a94b; }
        .index-news .sort-box .name {
          font-size: 2.8rem;
          font-weight: normal;
          line-height: 1em; }
          .index-news .sort-box .name.en {
            font-size: 1.4rem;
            font-weight: normal;
            padding: 2rem 0 4rem; }
      .index-news .list-btn {
        display: -webkit-flex !important;
        display: flex !important;
        -ms-display: flex !important;
        justify-content: center;
        gap: 6rem; }
        .index-news .list-btn .item {
          position: relative;
          font-size: 1.6rem;
          font-weight: normal;
          line-height: 1em; }
          .index-news .list-btn .item.curr {
            font-weight: bold;
            color: #24a94b; }
            .index-news .list-btn .item.curr:after {
              width: 100%; }
          .index-news .list-btn .item:before {
            height: 1.6rem;
            border-left: 0.1rem solid #d7dbd9;
            position: absolute;
            top: 50%;
            left: -3rem;
            transform: translateY(-50%); }
      .index-news .content-box {
        margin-top: 2rem; }
      .index-news .path-area {
        display: -webkit-flex !important;
        display: flex !important;
        -ms-display: flex !important;
        flex-direction: column; }
        .index-news .path-area .left-box {
          width: 100%;
          margin-right: 0; }
          .index-news .path-area .left-box .item .pic {
            padding-bottom: 53%; }
          .index-news .path-area .left-box .item .text-box {
            margin-top: 1rem; }
          .index-news .path-area .left-box .item .title {
            width: 100%;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 1.6rem;
            font-weight: bold;
            margin-bottom: 1rem; }
          .index-news .path-area .left-box .item .desc {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            line-height: 1.5em;
            height: 3em;
            font-size: 1.6rem;
            font-weight: normal;
            color: #222; }
          .index-news .path-area .left-box .item .time {
            margin-top: 0.5rem;
            font-size: 1.2rem;
            font-weight: normal;
            color: #222; }
        .index-news .path-area .right-box {
          margin-top: 2rem;
          flex: 0 0 auto;
          max-width: 100%;
          width: 100%; }
          .index-news .path-area .right-box .list {
            flex-direction: column; }
            .index-news .path-area .right-box .list .item {
              padding-bottom: 1rem; }
            .index-news .path-area .right-box .list .outer-div {
              padding: 0 0 1.5rem;
              border-bottom: 0.1rem solid #d7dbd9; }
              .index-news .path-area .right-box .list .outer-div .title {
                width: 100%;
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                font-size: 1.6rem;
                font-weight: bold;
                margin-bottom: 1rem; }
              .index-news .path-area .right-box .list .outer-div .desc {
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                line-height: 1.5em;
                height: 1.5em;
                font-size: 1.6rem;
                font-weight: normal;
                color: #222; }
              .index-news .path-area .right-box .list .outer-div .time {
                margin-top: 1rem;
                font-size: 1.2rem;
                font-weight: normal;
                color: #222; } }

.page-body {
  padding: 5rem 0 5rem; }
  @media screen and (max-width: 768px) {
    .page-body {
      padding: 2.5rem 0 2.5rem; } }

.web-subbox {
  background-color: #FFF;
  padding-top: 5rem;
  margin-bottom: 2rem;
  box-shadow: 0 0.1rem 1rem #ddd; }
  .web-subbox .list {
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem 3rem; }
    .web-subbox .list a {
      position: relative;
      display: block;
      text-align: center;
      white-space: nowrap;
      padding: 1rem 0 2rem;
      flex: 0 0 auto;
      font-size: 1.6rem;
      font-weight: normal;
      line-height: 1em; }
      .web-subbox .list a:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        bottom: 0;
        left: 0;
        border-bottom: 0.2rem solid #24a94b;
        transition: all 500ms linear; }
      .web-subbox .list a.on:before, .web-subbox .list a:hover:before {
        width: 100%; }

.cateList {
  position: relative;
  margin-bottom: 0.5rem; }
  .cateList .sort-box {
    text-align: center;
    background-color: #24a94b;
    color: #fff;
    line-height: 40px;
    height: 40px;
    font-size: 15px; }
  .cateList .goBack, .cateList .click {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px; }
    .cateList .goBack:before, .cateList .click:before {
      size: 20px; }
  .cateList .click {
    left: auto;
    right: 0; }
    .cateList .click.open:before {
      content: "\e1050"; }
  .cateList .subbox {
    display: none;
    opacity: 0; }
    .cateList .subbox .list {
      margin: 3px;
      display: -webkit-flex !important;
      display: flex !important;
      -ms-display: flex !important;
      justify-content: space-between;
      flex-wrap: wrap; }
      .cateList .subbox .list a {
        flex-grow: 1;
        min-width: 100px;
        max-width: 100%;
        padding: 3px 8px;
        display: block;
        margin: 5px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #eee; }
        .cateList .subbox .list a.on {
          background-color: #24a94b;
          color: #fff;
          border-color: #24a94b; }
    .cateList .subbox.open {
      display: block;
      opacity: 1; }
  @media screen and (min-width: 768px) {
    .cateList {
      display: none; } }
  @media screen and (max-width: 768px) {
    .cateList {
      display: block; } }

.page-left-box {
  width: 25rem;
  margin-right: 3%;
  flex: 0 0 auto;
  max-width: 100%; }
  .page-left-box .sideNav .sortName {
    background-color: #24a94b;
    color: #FFF;
    text-align: center;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 2.5em; }
  .page-left-box .sideNav .sub-sort-list {
    padding: 1rem 0.5rem;
    background-color: #F3F5F8; }
    .page-left-box .sideNav .sub-sort-list dt a {
      display: block;
      font-size: 1.6rem;
      font-weight: normal;
      border-left: 0.3rem solid transparent;
      line-height: 3em;
      text-indent: 2rem; }
      .page-left-box .sideNav .sub-sort-list dt a:hover {
        background-color: #E3E3E3;
        border-left-color: #24a94b;
        font-weight: bold; }
    .page-left-box .sideNav .sub-sort-list dt.cur2class a {
      background-color: #E3E3E3;
      border-left-color: #24a94b;
      font-weight: bold; }
    .page-left-box .sideNav .sub-sort-list dd a {
      display: block;
      font-size: 1.4rem;
      font-weight: normal;
      border-left: 0.3rem solid transparent;
      line-height: 3em;
      text-indent: 4rem;
      position: relative; }
      .page-left-box .sideNav .sub-sort-list dd a:before {
        content: "";
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background-color: #24a94b;
        position: absolute;
        left: 3rem;
        top: 50%;
        transform: translateY(-50%); }
      .page-left-box .sideNav .sub-sort-list dd a:hover {
        background-color: #E3E3E3;
        border-left-color: #24a94b;
        font-weight: bold; }
  @media screen and (min-width: 768px) {
    .page-left-box {
      display: block; } }
  @media screen and (max-width: 768px) {
    .page-left-box {
      display: none; } }

.page-right-box {
  width: 200px;
  flex: 1 1 auto;
  max-width: 100%; }
  .page-right-box .currlocatinon .main-list {
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important;
    justify-content: space-between;
    align-items: center;
    line-height: 4rem;
    border-bottom: 0.1rem solid #E3E3E3; }
    .page-right-box .currlocatinon .main-list .curr {
      font-size: 2rem;
      font-weight: bold;
      text-indent: 1rem;
      color: #24a94b;
      position: relative; }
      .page-right-box .currlocatinon .main-list .curr:before {
        content: "";
        height: 50%;
        width: 0;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        border-left: 0.3rem solid #24a94b; }
  .page-right-box .cateList {
    position: relative; }
    .page-right-box .cateList .sort-box {
      text-align: center;
      background-color: #24a94b;
      color: #fff;
      line-height: 40px;
      height: 40px;
      font-size: 15px; }
    .page-right-box .cateList .goBack, .page-right-box .cateList .click {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 40px;
      height: 40px; }
      .page-right-box .cateList .goBack:before, .page-right-box .cateList .click:before {
        size: 20px; }
    .page-right-box .cateList .click {
      left: auto;
      right: 0; }
      .page-right-box .cateList .click.open:before {
        content: "\e1050"; }
    .page-right-box .cateList .subbox {
      display: none;
      opacity: 0; }
      .page-right-box .cateList .subbox .list {
        margin: 3px;
        display: -webkit-flex !important;
        display: flex !important;
        -ms-display: flex !important;
        justify-content: space-between;
        flex-wrap: wrap; }
        .page-right-box .cateList .subbox .list a {
          flex-grow: 1;
          min-width: 100px;
          max-width: 100%;
          padding: 3px 8px;
          display: block;
          margin: 5px;
          line-height: 30px;
          text-align: center;
          border: 1px solid #eee; }
          .page-right-box .cateList .subbox .list a.on {
            background-color: #24a94b;
            color: #fff;
            border-color: #24a94b; }
      .page-right-box .cateList .subbox.open {
        display: block;
        opacity: 1; }
    @media screen and (min-width: 768px) {
      .page-right-box .cateList {
        display: none; } }
    @media screen and (max-width: 768px) {
      .page-right-box .cateList {
        display: block; } }

.page-list-products .main-list .item .outer-div {
  height: 100%;
  background-color: #EBEBEB;
  color: #24a94b;
  transition: all 500ms linear; }
  .page-list-products .main-list .item .outer-div:hover {
    background: url("../images/pro_item_bg.jpg") no-repeat center center;
    background-size: cover;
    color: #FFF; }
.page-list-products .main-list .item .flex-div {
  align-content: center;
  height: 100%;
  min-height: 25rem; }
.page-list-products .main-list .item .pic {
  width: 50%; }
  .page-list-products .main-list .item .pic img {
    width: 100%;
    height: 100%; }
.page-list-products .main-list .item .text-box {
  width: 200px;
  flex: 1 1 auto;
  max-width: 100%;
  padding: 5rem 2rem; }
  .page-list-products .main-list .item .text-box .number {
    font-size: 2rem;
    font-weight: normal;
    line-height: 1em;
    margin-bottom: 1.5rem; }
  .page-list-products .main-list .item .text-box .title {
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1em;
    margin-top: 1.5rem;
    margin-bottom: 3rem; }
@media screen and (max-width: 768px) {
  .page-list-products .main-list .item .outer-div {
    height: 100%;
    background-color: #EBEBEB;
    color: #24a94b;
    transition: all 500ms linear; }
    .page-list-products .main-list .item .outer-div:hover {
      background: url("../images/pro_item_bg.jpg") no-repeat center center;
      background-size: cover;
      color: #FFF; }
  .page-list-products .main-list .item .flex-div {
    align-content: center;
    height: 100%;
    min-height: 10rem; }
  .page-list-products .main-list .item .pic {
    width: 50%; }
    .page-list-products .main-list .item .pic img {
      position: relative;
      width: 100%;
      height: 100%; }
  .page-list-products .main-list .item .text-box {
    width: 200px;
    flex: 1 1 auto;
    max-width: 100%;
    padding: 1rem 1rem; }
    .page-list-products .main-list .item .text-box .number {
      font-size: 1.6rem;
      font-weight: normal;
      line-height: 1em;
      margin-bottom: 1.5rem; }
    .page-list-products .main-list .item .text-box .title {
      font-size: 1.4rem;
      font-weight: normal;
      line-height: 1em;
      margin-top: 1.5rem;
      margin-bottom: 2rem; } }

.page-list-solutions .main-list .outer-div {
  position: relative; }
  .page-list-solutions .main-list .outer-div .text-box {
    position: absolute;
    z-index: 99;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 2rem;
    font-weight: normal;
    color: #FFF;
    padding: 1rem 3rem 3rem; }
  .page-list-solutions .main-list .outer-div .pic {
    position: relative;
    z-index: 1; }
    .page-list-solutions .main-list .outer-div .pic:before {
      content: "";
      position: absolute;
      z-index: 2;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.18); }
  .page-list-solutions .main-list .outer-div .img {
    z-index: 1;
    transition: all 500ms linear; }
  .page-list-solutions .main-list .outer-div:hover .img {
    transform: scale(1.05); }
@media screen and (max-width: 768px) {
  .page-list-solutions .main-list .outer-div {
    position: relative; }
    .page-list-solutions .main-list .outer-div .text-box {
      font-size: 1.4rem;
      font-weight: normal;
      color: #FFF;
      padding: 1rem 2rem 2rem; } }

.page-list-honors .main-list .outer-div {
  position: relative;
  background-color: #F1F1F1; }
  .page-list-honors .main-list .outer-div .text-box {
    z-index: 99;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
    color: #FFF;
    background-color: #24a94b;
    line-height: 3em; }
  .page-list-honors .main-list .outer-div .pic {
    position: relative;
    z-index: 1; }
    .page-list-honors .main-list .outer-div .pic:before {
      content: "";
      position: absolute;
      z-index: 2;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.18); }
  .page-list-honors .main-list .outer-div .img {
    z-index: 1;
    transition: all 500ms linear; }
  .page-list-honors .main-list .outer-div:hover .img {
    transform: scale(1.05); }
@media screen and (max-width: 768px) {
  .page-list-honors .main-list .outer-div .text-box {
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 2em; }
  .page-list-honors .main-list .outer-div .img {
    z-index: 1;
    transition: all 500ms linear; }
  .page-list-honors .main-list .outer-div:hover .img {
    transform: scale(1.05); } }

.page-list-support .path {
  padding: 10rem 0; }
  .page-list-support .path .path-name {
    color: #24a94b;
    text-align: center; }
    .page-list-support .path .path-name .cn {
      font-size: 5.6rem;
      font-weight: normal;
      line-height: 1em;
      margin-bottom: 3rem; }
    .page-list-support .path .path-name .en {
      font-size: 2.4rem;
      font-weight: normal;
      line-height: 1em;
      margin-bottom: 6rem; }
  .page-list-support .path .list {
    margin-top: 6rem;
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important;
    justify-content: center;
    gap: 1.5%; }
    .page-list-support .path .list .item {
      flex: 0 0 auto;
      max-width: 100%;
      width: 31%;
      padding: 4rem;
      border: 0.1rem solid #d7dbd9; }
      .page-list-support .path .list .item .title {
        position: relative;
        font-size: 2.4rem;
        font-weight: normal;
        color: #24a94b;
        line-height: 1em;
        padding-bottom: 4rem;
        margin-bottom: 4rem; }
        .page-list-support .path .list .item .title:before {
          position: absolute;
          content: "";
          width: 100%;
          height: 0;
          left: 0;
          bottom: 0;
          border-bottom: 1px dashed #ddd; }
      .page-list-support .path .list .item .desc p {
        padding-left: 1.92rem;
        position: relative;
        font-size: 1.6rem;
        font-weight: normal;
        line-height: 2.88rem; }
        .page-list-support .path .list .item .desc p:before {
          content: "";
          position: absolute;
          left: 0;
          top: 0.9066666667rem;
          width: 1.0666666667rem;
          height: 1.0666666667rem;
          border-radius: 1.0666666667rem;
          background-color: #AAAAAA; }
        .page-list-support .path .list .item .desc p:nth-child(n+2) {
          margin-top: 2rem; }
  .page-list-support .path.support-pre, .page-list-support .path.support-cus {
    background: url("../images/support_bg_1.jpg") no-repeat center top;
    background-size: cover; }
    .page-list-support .path.support-pre .btn-list, .page-list-support .path.support-cus .btn-list {
      display: -webkit-flex !important;
      display: flex !important;
      -ms-display: flex !important;
      justify-content: center;
      gap: 5rem; }
      .page-list-support .path.support-pre .btn-list .btn-item, .page-list-support .path.support-cus .btn-list .btn-item {
        padding: 1rem 0;
        position: relative;
        transition: all 300ms linear;
        font-size: 1.8rem;
        font-weight: normal; }
        .page-list-support .path.support-pre .btn-list .btn-item:before, .page-list-support .path.support-cus .btn-list .btn-item:before {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          left: 0;
          bottom: 0;
          border-bottom: 0.3rem solid #24a94b; }
        .page-list-support .path.support-pre .btn-list .btn-item.curr, .page-list-support .path.support-cus .btn-list .btn-item.curr {
          font-weight: bold;
          color: #24a94b; }
          .page-list-support .path.support-pre .btn-list .btn-item.curr:before, .page-list-support .path.support-cus .btn-list .btn-item.curr:before {
            width: 100%; }
    .page-list-support .path.support-pre .content-path, .page-list-support .path.support-cus .content-path {
      display: none; }
      .page-list-support .path.support-pre .content-path.curr, .page-list-support .path.support-cus .content-path.curr {
        display: block; }
      .page-list-support .path.support-pre .content-path .list, .page-list-support .path.support-cus .content-path .list {
        margin-top: 3rem; }
  .page-list-support .path.support-after {
    background: url("../images/support_bg_2.jpg") no-repeat center top; }
    .page-list-support .path.support-after .item {
      padding: 0;
      overflow: hidden;
      position: relative; }
      .page-list-support .path.support-after .item .img {
        object-fit: cover; }
      .page-list-support .path.support-after .item .txt {
        position: absolute;
        z-index: 2;
        width: calc(100% - 4rem);
        left: 4rem;
        bottom: 4rem;
        color: #FFF; }
  .page-list-support .path.support-cus .list .item {
    width: 40%; }
  .page-list-support .path.support-video .btn-list {
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important;
    justify-content: center;
    gap: 5rem; }
    .page-list-support .path.support-video .btn-list .btn-item {
      padding: 1rem 0;
      position: relative;
      transition: all 300ms linear;
      font-size: 1.8rem;
      font-weight: normal; }
      .page-list-support .path.support-video .btn-list .btn-item:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        left: 0;
        bottom: 0;
        border-bottom: 0.3rem solid #24a94b; }
      .page-list-support .path.support-video .btn-list .btn-item.curr {
        font-weight: bold;
        color: #24a94b; }
        .page-list-support .path.support-video .btn-list .btn-item.curr:before {
          width: 100%; }
  .page-list-support .path.support-video .video-area {
    margin-top: 3rem; }
  .page-list-support .path.support-video .video-path {
    display: none; }
    .page-list-support .path.support-video .video-path.curr {
      display: block; }
  .page-list-support .path.support-video .list-video {
    display: grid;
    grid-template-columns: auto;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    grid-row-gap: 5rem;
    grid-column-gap: 3rem;
    justify-content: start; }
    .page-list-support .path.support-video .list-video > * {
      margin: 0;
      overflow: hidden;
      width: 100%; }
    .page-list-support .path.support-video .list-video .item .pic {
      position: relative; }
      .page-list-support .path.support-video .list-video .item .pic:before {
        content: "\e1b01";
        font-size: 6rem;
        font-family: iconfont;
        color: rgba(34, 34, 34, 0.1);
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        transition: all 500ms linear; }
    .page-list-support .path.support-video .list-video .item .title {
      font-size: 2rem;
      font-weight: bold;
      line-height: 2em;
      text-align: center; }
    .page-list-support .path.support-video .list-video .item:hover .pic:before {
      color: rgba(36, 169, 75, 0.8); }
  .page-list-support .path.support-teach {
    background: url("../images/support_bg_4.jpg") no-repeat center top;
    background-size: cover; }
    .page-list-support .path.support-teach .path-name .desc {
      max-width: 90rem;
      margin-left: auto;
      margin-right: auto;
      color: #222; }
    .page-list-support .path.support-teach .list {
      gap: 0; }
      .page-list-support .path.support-teach .list .item {
        width: 23%;
        padding: 0; }
        .page-list-support .path.support-teach .list .item img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
@media screen and (max-width: 768px) {
  .page-list-support .path {
    padding: 3rem 0; }
    .page-list-support .path .path-name .cn {
      font-size: 2.4rem;
      font-weight: normal;
      line-height: 1em;
      margin-bottom: 1.5rem; }
    .page-list-support .path .path-name .en {
      font-size: 1.4rem;
      font-weight: normal;
      line-height: 1em;
      margin-bottom: 3rem; }
    .page-list-support .path .list {
      margin-top: 3rem;
      display: -webkit-flex !important;
      display: flex !important;
      -ms-display: flex !important;
      justify-content: center;
      flex-wrap: wrap;
      gap: 1rem; }
      .page-list-support .path .list .item {
        flex: 0 0 auto;
        max-width: 100%;
        width: 100%;
        padding: 1rem;
        border: 0.1rem solid #d7dbd9; }
        .page-list-support .path .list .item .title {
          position: relative;
          font-size: 1.6rem;
          font-weight: normal;
          color: #24a94b;
          line-height: 1em;
          padding-bottom: 2rem;
          margin-bottom: 2rem; }
          .page-list-support .path .list .item .title:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 0;
            left: 0;
            bottom: 0;
            border-bottom: 1px dashed #ddd; }
        .page-list-support .path .list .item .desc p {
          padding-left: 1.68rem;
          position: relative;
          font-size: 1.6rem;
          font-weight: normal;
          line-height: 2.52rem; }
          .page-list-support .path .list .item .desc p:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0.7933333333rem;
            width: 0.9333333333rem;
            height: 0.9333333333rem;
            border-radius: 0.9333333333rem;
            background-color: #AAAAAA; }
          .page-list-support .path .list .item .desc p:nth-child(n+2) {
            margin-top: 2rem; }
    .page-list-support .path.support-pre, .page-list-support .path.support-cus {
      background: url("../images/support_bg_1.jpg") no-repeat center top;
      background-size: cover; }
      .page-list-support .path.support-pre .btn-list, .page-list-support .path.support-cus .btn-list {
        display: -webkit-flex !important;
        display: flex !important;
        -ms-display: flex !important;
        justify-content: center;
        gap: 5rem; }
        .page-list-support .path.support-pre .btn-list .btn-item, .page-list-support .path.support-cus .btn-list .btn-item {
          padding: 1rem 0;
          position: relative;
          transition: all 300ms linear;
          font-size: 1.8rem;
          font-weight: normal; }
          .page-list-support .path.support-pre .btn-list .btn-item:before, .page-list-support .path.support-cus .btn-list .btn-item:before {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            left: 0;
            bottom: 0;
            border-bottom: 0.3rem solid #24a94b; }
          .page-list-support .path.support-pre .btn-list .btn-item.curr, .page-list-support .path.support-cus .btn-list .btn-item.curr {
            font-weight: bold;
            color: #24a94b; }
            .page-list-support .path.support-pre .btn-list .btn-item.curr:before, .page-list-support .path.support-cus .btn-list .btn-item.curr:before {
              width: 100%; }
      .page-list-support .path.support-pre .content-path, .page-list-support .path.support-cus .content-path {
        display: none; }
        .page-list-support .path.support-pre .content-path.curr, .page-list-support .path.support-cus .content-path.curr {
          display: block; }
        .page-list-support .path.support-pre .content-path .list, .page-list-support .path.support-cus .content-path .list {
          margin-top: 3rem; }
    .page-list-support .path.support-after {
      background: url("../images/support_bg_2.jpg") no-repeat center top; }
      .page-list-support .path.support-after .item {
        padding: 0;
        overflow: hidden;
        position: relative; }
        .page-list-support .path.support-after .item .img {
          object-fit: cover; }
        .page-list-support .path.support-after .item .txt {
          position: absolute;
          z-index: 2;
          width: calc(100% - 2rem);
          left: 2rem;
          bottom: 4rem;
          color: #FFF; }
    .page-list-support .path.support-cus .list .item {
      width: 40%; }
    .page-list-support .path.support-video .btn-list {
      display: -webkit-flex !important;
      display: flex !important;
      -ms-display: flex !important;
      justify-content: center;
      gap: 5rem; }
      .page-list-support .path.support-video .btn-list .btn-item {
        padding: 1rem 0;
        position: relative;
        transition: all 300ms linear;
        font-size: 1.8rem;
        font-weight: normal; }
        .page-list-support .path.support-video .btn-list .btn-item:before {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          left: 0;
          bottom: 0;
          border-bottom: 0.3rem solid #24a94b; }
        .page-list-support .path.support-video .btn-list .btn-item.curr {
          font-weight: bold;
          color: #24a94b; }
          .page-list-support .path.support-video .btn-list .btn-item.curr:before {
            width: 100%; }
    .page-list-support .path.support-video .video-area {
      margin-top: 3rem; }
    .page-list-support .path.support-video .video-path {
      display: none; }
      .page-list-support .path.support-video .video-path.curr {
        display: block; }
    .page-list-support .path.support-video .list-video {
      display: grid;
      grid-template-columns: auto;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: auto;
      grid-row-gap: 5rem;
      grid-column-gap: 3rem;
      justify-content: start; }
      .page-list-support .path.support-video .list-video > * {
        margin: 0;
        overflow: hidden;
        width: 100%; }
      .page-list-support .path.support-video .list-video .item .pic {
        position: relative; }
        .page-list-support .path.support-video .list-video .item .pic:before {
          content: "\e1b01";
          font-size: 6rem;
          font-family: iconfont;
          color: rgba(34, 34, 34, 0.1);
          position: absolute;
          z-index: 2;
          top: 50%;
          left: 50%;
          transition: all 500ms linear; }
      .page-list-support .path.support-video .list-video .item .title {
        font-size: 2rem;
        font-weight: bold;
        line-height: 2em;
        text-align: center; }
      .page-list-support .path.support-video .list-video .item:hover .pic:before {
        color: rgba(36, 169, 75, 0.8); } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .page-list-support .path.support-video .list-video {
      display: grid;
      grid-template-columns: auto;
      grid-template-columns: repeat(1, 1fr);
      grid-template-rows: auto;
      grid-row-gap: 2rem;
      grid-column-gap: 1rem;
      justify-content: start; }
      .page-list-support .path.support-video .list-video > * {
        margin: 0;
        overflow: hidden;
        width: 100%; } }
@media screen and (max-width: 768px) {
    .page-list-support .path.support-teach {
      background: url("../images/support_bg_4.jpg") no-repeat center top;
      background-size: cover; }
      .page-list-support .path.support-teach .path-name .desc {
        max-width: 90rem;
        margin-left: auto;
        margin-right: auto;
        color: #222; }
      .page-list-support .path.support-teach .list {
        gap: 1%;
        flex-wrap: wrap; }
        .page-list-support .path.support-teach .list .item {
          width: 48%;
          padding: 0; }
          .page-list-support .path.support-teach .list .item img {
            width: 100%;
            height: 100%;
            object-fit: cover; } }

.show-path {
  margin-top: 3rem; }

.page-show-solutions .contentBox .title {
  font-size: 3rem;
  font-weight: bold;
  color: #24a94b;
  text-align: center;
  line-height: 1em;
  margin-bottom: 3rem; }
.page-show-solutions .contentBox .path-tag {
  position: relative;
  font-size: 2.4rem;
  font-weight: normal;
  color: #24a94b;
  text-align: left;
  line-height: 1em;
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  margin-top: 2rem; }
  .page-show-solutions .contentBox .path-tag:first-child {
    margin-top: 0; }
  .page-show-solutions .contentBox .path-tag:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 5rem;
    height: 0;
    border-bottom: 0.1rem solid #24a94b; }
.page-show-solutions .contentBox .path-content {
  font-size: 1.6rem;
  font-weight: normal;
  padding-bottom: 2rem;
  border-bottom: 0.1rem solid #e6f0eb; }
  .page-show-solutions .contentBox .path-content:last-child {
    border-bottom: 0; }
@media screen and (max-width: 768px) {
  .page-show-solutions .contentBox .title {
    font-size: 2rem;
    font-weight: bold;
    color: #24a94b;
    text-align: center;
    line-height: 1em;
    margin-bottom: 2rem; }
  .page-show-solutions .contentBox .path-tag {
    position: relative;
    font-size: 1.6rem;
    font-weight: normal; }
  .page-show-solutions .contentBox .path-content {
    font-size: 1.6rem;
    font-weight: normal;
    padding-bottom: 2rem;
    border-bottom: 0.1rem solid #e6f0eb; }
    .page-show-solutions .contentBox .path-content:last-child {
      border-bottom: 0; } }

.page-list-news .main-list .item {
  box-shadow: 0 0 1rem 0.5rem #F7F7F7;
  transition: all 300ms linear; }
  .page-list-news .main-list .item:hover {
    box-shadow: 0 0 1rem 0.5rem #E3E3E3; }
.page-list-news .main-list .outer-div .pic {
  width: 20%; }
.page-list-news .main-list .outer-div .text-box {
  padding: 3rem; }
.page-list-news .main-list .outer-div .title {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 2rem; }
.page-list-news .main-list .outer-div .desc {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 3rem;
  height: 6rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: #222; }
.page-list-news .main-list .outer-div .date {
  color: #666;
  margin-top: 1rem;
  font-size: 1.2rem; }
@media screen and (max-width: 768px) {
  .page-list-news .main-list .outer-div .pic {
    width: 100%; }
  .page-list-news .main-list .outer-div .text-box {
    padding: 3rem; }
  .page-list-news .main-list .outer-div .title {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 2rem; }
  .page-list-news .main-list .outer-div .desc {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 2.2rem;
    height: 4.4rem;
    font-size: 1.4rem;
    font-weight: normal;
    color: #222; } }

.page-show-news .show-news .title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  line-height: 4rem;
  margin-bottom: 1.5rem; }
.page-show-news .show-news .time {
  font-size: 1.6rem;
  font-weight: normal;
  color: #999999;
  line-height: 1em;
  text-align: center;
  margin-bottom: 4rem; }
  .page-show-news .show-news .time:before {
    content: "\d2001";
    font-family: iconfont;
    margin-right: 0.5rem; }
.page-show-news .show-news .content {
  margin-top: 4rem; }
.page-show-news .tags-box .title-box {
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 2.8rem;
  color: #5E4C43;
  text-indent: 0.5em;
  border-bottom: 0.1rem solid #4D392E;
  margin-bottom: 3rem; }
.page-show-news .tags-box .list {
  margin-top: 3rem; }
  .page-show-news .tags-box .list .item {
    margin-top: 3rem;
    padding-bottom: 2rem;
    border-bottom: 0.1rem solid #EAE1D9; }
  .page-show-news .tags-box .list .outer-div {
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important;
    justify-content: space-between; }
    .page-show-news .tags-box .list .outer-div .pic {
      width: 10rem;
      max-width: 40%;
      padding-bottom: unset;
      margin-right: 2rem; }
      .page-show-news .tags-box .list .outer-div .pic img {
        object-fit: cover; }
@media screen and (max-width: 768px) {
  .page-show-news .main-box {
    flex-direction: column; }
    .page-show-news .main-box .left-box {
      width: 100%; }
      .page-show-news .main-box .left-box .show-news .title {
        font-size: 1.8rem;
        line-height: 3rem; }
      .page-show-news .main-box .left-box .show-news .time {
        font-size: 1.2rem;
        margin-bottom: 4rem; }
      .page-show-news .main-box .left-box .show-news .content {
        font-size: 1.4rem;
        margin-top: 4rem; }
    .page-show-news .main-box .right-box {
      width: 100%; }
  .page-show-news .tags-box .title-box {
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 2.8rem;
    color: #5E4C43;
    text-indent: 0.5em;
    border-bottom: 0.1rem solid #4D392E;
    margin-bottom: 3rem; }
  .page-show-news .tags-box .list {
    margin-top: 3rem; }
    .page-show-news .tags-box .list .item {
      margin-top: 3rem;
      padding-bottom: 2rem;
      border-bottom: 0.1rem solid #EAE1D9; }
    .page-show-news .tags-box .list .outer-div {
      display: -webkit-flex !important;
      display: flex !important;
      -ms-display: flex !important;
      justify-content: space-between; }
      .page-show-news .tags-box .list .outer-div .pic {
        width: 10rem;
        max-width: 40%;
        padding-bottom: unset;
        margin-right: 2rem; }
        .page-show-news .tags-box .list .outer-div .pic img {
          object-fit: cover; } }

.page-show-contact {
  padding: 0; }
  .page-show-contact .web-subbox {
    margin-bottom: 0; }
  .page-show-contact .box {
    padding-left: 10vw;
    align-items: center;
    justify-content: space-between; }
  .page-show-contact .text-box {
    color: #FFF; }
    .page-show-contact .text-box .tt {
      font-size: 5.6rem;
      font-weight: normal;
      line-height: 1em;
      margin-bottom: 3rem; }
    .page-show-contact .text-box .txt a {
      color: #C4CCC4;
      font-size: 1.4rem; }
    .page-show-contact .text-box .txt span {
      font-size: 2.4rem;
      color: #24a94b; }
    .page-show-contact .text-box .en {
      font-size: 2.4rem;
      font-weight: normal;
      line-height: 1em;
      margin-bottom: 4rem; }
    .page-show-contact .text-box .qrcode {
      margin-top: 3rem; }
  @media screen and (max-width: 768px) {
    .page-show-contact .box {
      flex-direction: column;
      padding-left: 0;
      align-items: center;
      justify-content: space-between; }
    .page-show-contact .text-box {
      color: #FFF;
      padding-left: 10vw; }
      .page-show-contact .text-box .tt {
        font-size: 2.8rem;
        font-weight: normal;
        line-height: 1em;
        margin-bottom: 2rem; }
      .page-show-contact .text-box .txt a {
        color: #C4CCC4;
        font-size: 1.4rem; }
      .page-show-contact .text-box .txt span {
        font-size: 2.4rem;
        color: #24a94b; }
      .page-show-contact .text-box .en {
        font-size: 1.4rem;
        font-weight: normal;
        line-height: 1em;
        margin-bottom: 2rem; }
      .page-show-contact .text-box .qrcode {
        margin-top: 2rem; } }

.page-show-products .show-pro .images-box {
  max-width: 60%;
  margin: 0 50px 0 0; }
.page-show-products .show-pro .small-roll-box {
  margin-top: 20px;
  height: 100%; }
  .page-show-products .show-pro .small-roll-box .item {
    position: relative;
    opacity: 0.4; }
    .page-show-products .show-pro .small-roll-box .item.swiper-slide-thumb-active {
      opacity: 1; }
      .page-show-products .show-pro .small-roll-box .item.swiper-slide-thumb-active:before {
        border-color: #58A761; }
    .page-show-products .show-pro .small-roll-box .item:before {
      content: "";
      position: absolute;
      z-index: 2;
      width: 100%;
      height: 100%;
      border: 1px solid #999999; }
    .page-show-products .show-pro .small-roll-box .item.video-item:after {
      content: "\e1b01";
      position: absolute;
      background-color: rgba(88, 167, 97, 0.4);
      border-radius: 50%;
      z-index: 3;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #FFF;
      transition: all 500ms linear;
      font-size: 40px;
      height: 40px;
      line-height: 40px; }
    .page-show-products .show-pro .small-roll-box .item:hover {
      opacity: 1; }
    .page-show-products .show-pro .small-roll-box .item img {
      position: absolute;
      z-index: 1; }
.page-show-products .show-pro .big-area {
  box-sizing: content-box;
  border: 1px solid #EFEFEF;
  overflow: hidden; }
  .page-show-products .show-pro .big-area .item video {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .page-show-products .show-pro .big-area .video-item {
    position: relative; }
    .page-show-products .show-pro .big-area .video-item:before {
      content: "\e1b01";
      position: absolute;
      background-color: rgba(0, 0, 0, 0.4);
      border-radius: 50%;
      z-index: 3;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #FFF;
      transition: all 500ms linear;
      font-size: 100px;
      height: 100px;
      line-height: 100px; }
.page-show-products .show-pro .param-box .member {
  font-size: 1.8rem;
  font-weight: bold;
  color: #24a94b;
  line-height: 1.5em;
  margin-bottom: 2rem; }
.page-show-products .show-pro .param-box .title {
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.5em; }
.page-show-products .show-pro .param-box .desc {
  margin-top: 20px; }
.page-show-products .show-pro .param-box .contact-list {
  margin-top: 20px; }
  .page-show-products .show-pro .param-box .contact-list .item {
    color: #58A761;
    font-size: 18px;
    line-height: 1.5em; }
    .page-show-products .show-pro .param-box .contact-list .item span {
      font-weight: bold; }
.page-show-products .show-pro .param-box .btn-list {
  margin-top: 20px;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-display: flex !important; }
  .page-show-products .show-pro .param-box .btn-list .btn {
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    padding: 0 15px;
    cursor: pointer;
    border: 1px solid #58A761;
    background-color: #58A761;
    color: #FFF; }
    .page-show-products .show-pro .param-box .btn-list .btn:after {
      margin-left: 10px; }
    .page-show-products .show-pro .param-box .btn-list .btn:hover {
      background-color: #FFF;
      color: #58A761; }
.page-show-products .show-pro .content {
  margin-top: 50px;
  margin-bottom: 50px; }
@media screen and (max-width: 768px) {
  .page-show-products .show-pro .img-param-box {
    flex-direction: column; }
  .page-show-products .show-pro .images-box {
    max-width: 100%;
    margin: 0 0 3rem 0; }
  .page-show-products .show-pro .small-roll-box {
    margin-top: 20px;
    height: 100%; }
    .page-show-products .show-pro .small-roll-box .item {
      position: relative;
      opacity: 0.4; }
      .page-show-products .show-pro .small-roll-box .item.swiper-slide-thumb-active {
        opacity: 1; }
        .page-show-products .show-pro .small-roll-box .item.swiper-slide-thumb-active:before {
          border-color: #58A761; }
      .page-show-products .show-pro .small-roll-box .item:before {
        content: "";
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        border: 1px solid #999999; }
      .page-show-products .show-pro .small-roll-box .item.video-item:after {
        content: "\e1b01";
        position: absolute;
        background-color: rgba(88, 167, 97, 0.4);
        border-radius: 50%;
        z-index: 3;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #FFF;
        transition: all 500ms linear;
        font-size: 40px;
        height: 40px;
        line-height: 40px; }
      .page-show-products .show-pro .small-roll-box .item:hover {
        opacity: 1; }
      .page-show-products .show-pro .small-roll-box .item img {
        position: absolute;
        z-index: 1; }
  .page-show-products .show-pro .big-area {
    box-sizing: content-box;
    border: 1px solid #EFEFEF;
    overflow: hidden; }
    .page-show-products .show-pro .big-area .item video {
      position: absolute;
      object-fit: cover;
      width: 100%;
      height: 100%; }
    .page-show-products .show-pro .big-area .video-item {
      position: relative; }
      .page-show-products .show-pro .big-area .video-item:before {
        content: "\e1b01";
        position: absolute;
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 50%;
        z-index: 3;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #FFF;
        transition: all 500ms linear;
        font-size: 100px;
        height: 100px;
        line-height: 100px; }
  .page-show-products .show-pro .param-box .title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5em; }
  .page-show-products .show-pro .param-box .desc {
    margin-top: 20px; }
  .page-show-products .show-pro .param-box .contact-list {
    margin-top: 20px; }
    .page-show-products .show-pro .param-box .contact-list .item {
      color: #58A761;
      font-size: 18px;
      line-height: 1.5em; }
      .page-show-products .show-pro .param-box .contact-list .item span {
        font-weight: bold; }
  .page-show-products .show-pro .param-box .btn-list {
    margin-top: 20px;
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important; }
    .page-show-products .show-pro .param-box .btn-list .btn {
      height: 40px;
      line-height: 40px;
      border-radius: 5px;
      padding: 0 15px;
      cursor: pointer;
      border: 1px solid #58A761;
      background-color: #58A761;
      color: #FFF; }
      .page-show-products .show-pro .param-box .btn-list .btn:after {
        margin-left: 10px; }
      .page-show-products .show-pro .param-box .btn-list .btn:hover {
        background-color: #FFF;
        color: #58A761; }
  .page-show-products .show-pro .content {
    margin-top: 50px;
    margin-bottom: 50px; } }

.page-show-company {
  padding-top: 0; }

.company-item.company-profile {
  background: url("../images/company_bg_1.jpg") no-repeat center top;
  padding: 8rem 0; }
  .company-item.company-profile .main-box {
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important; }
    .company-item.company-profile .main-box .left-box .sort-box .txt.name {
      color: #24a94b;
      font-size: 5.6rem;
      font-weight: normal;
      line-height: 1em; }
      .company-item.company-profile .main-box .left-box .sort-box .txt.name.en {
        font-size: 2.4rem;
        font-weight: normal;
        padding: 3rem 0 0; }
    .company-item.company-profile .main-box .left-box .text {
      margin-top: 2rem; }
    .company-item.company-profile .main-box .left-box .list {
      display: grid;
      grid-template-columns: repeat(3, 24rem);
      /* 固定列宽 */
      grid-template-rows: 24rem;
      /* 固定行高 */
      gap: 0;
      /* 使用gap创建1px分隔线 */
      overflow: hidden;
      width: fit-content; }
    .company-item.company-profile .main-box .left-box .item {
      border: 1px solid rgba(255, 255, 255, 0.2);
      /* 容器边框 */
      display: -webkit-flex !important;
      display: flex !important;
      -ms-display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .company-item.company-profile .main-box .left-box .item .number-box {
        color: #24a94b;
        font-size: 2.2rem;
        font-weight: normal;
        margin-bottom: 1rem; }
        .company-item.company-profile .main-box .left-box .item .number-box .counter {
          font-size: 8.2rem; }
      .company-item.company-profile .main-box .left-box .item .text {
        font-size: 1.8rem;
        font-weight: normal; }
    .company-item.company-profile .main-box .right-box {
      width: 40%;
      flex: 0 0 auto;
      margin-left: 4%; }
.company-item.company-culture {
  background: url("../images/company_bg_1.jpg") no-repeat center bottom;
  padding-bottom: 8rem; }
  .company-item.company-culture .list {
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important;
    justify-content: space-between; }
    .company-item.company-culture .list .item {
      width: 40%;
      display: -webkit-flex !important;
      display: flex !important;
      -ms-display: flex !important;
      justify-content: space-between;
      align-content: center; }
      .company-item.company-culture .list .item:first-child {
        width: 60%; }
      .company-item.company-culture .list .item .pic {
        flex: 0 0 auto;
        max-width: 100%;
        margin-right: 2rem; }
      .company-item.company-culture .list .item .text-box {
        width: 200px;
        flex: 1 1 auto;
        max-width: 100%;
        display: -webkit-flex !important;
        display: flex !important;
        -ms-display: flex !important;
        flex-direction: column;
        justify-content: center; }
        .company-item.company-culture .list .item .text-box .title {
          font-size: 4rem;
          font-weight: bold;
          margin-bottom: 2rem; }
        .company-item.company-culture .list .item .text-box .desc {
          font-size: 1.8rem;
          font-weight: normal;
          font-family: "microsoft yahei";
          line-height: 2.6em;
          white-space: pre-line; }
          .company-item.company-culture .list .item .text-box .desc pre {
            font-size: 1.8rem;
            font-weight: normal;
            font-family: "microsoft yahei";
            line-height: 2.6em;
            white-space: pre-line; }
.company-item.company-ability {
  padding-top: 8rem; }
  .company-item.company-ability .list {
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important;
    flex-direction: column;
    gap: 3rem; }
    .company-item.company-ability .list .item {
      padding: 10rem 0;
      border-bottom: 0.1rem solid #ddd;
      display: -webkit-flex !important;
      display: flex !important;
      -ms-display: flex !important;
      gap: 5rem;
      align-items: center; }
      .company-item.company-ability .list .item:nth-child(2n) {
        flex-direction: row-reverse; }
      .company-item.company-ability .list .item .pic {
        flex: 0 0 auto;
        max-width: 100%; }
      .company-item.company-ability .list .item .text-box {
        text-align: center; }
        .company-item.company-ability .list .item .text-box .title {
          font-size: 4rem;
          font-weight: normal;
          color: #24a94b;
          line-height: 1em; }
        .company-item.company-ability .list .item .text-box .desc {
          margin-top: 6rem;
          line-height: 2em; }
.company-item.company-customer {
  padding-top: 8rem; }
  .company-item.company-customer .text-box {
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important;
    gap: 20rem;
    align-items: flex-start; }
    .company-item.company-customer .text-box .name {
      white-space: nowrap;
      font-size: 4rem;
      font-weight: normal;
      line-height: 1em; }
    .company-item.company-customer .text-box .txt {
      font-size: 1.6rem;
      font-weight: normal;
      line-height: 2em;
      text-align: justify; }
  .company-item.company-customer .list {
    margin-top: 5rem;
    display: grid;
    grid-template-columns: auto;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
    justify-content: start; }
    .company-item.company-customer .list > * {
      margin: 0;
      overflow: hidden;
      width: 100%; }
@media screen and (max-width: 768px) {
  .company-item.company-profile {
    background: url("../images/company_bg_1.jpg") no-repeat center top;
    padding: 4rem 0; }
    .company-item.company-profile .main-box {
      display: -webkit-flex !important;
      display: flex !important;
      -ms-display: flex !important;
      flex-direction: column; }
      .company-item.company-profile .main-box .left-box .sort-box .txt.name {
        color: #24a94b;
        font-size: 2.8rem;
        font-weight: normal;
        line-height: 1em; }
        .company-item.company-profile .main-box .left-box .sort-box .txt.name.en {
          font-size: 1.4rem;
          font-weight: normal;
          padding: 1.5rem 0 0; }
      .company-item.company-profile .main-box .left-box .text {
        margin-top: 2rem; }
      .company-item.company-profile .main-box .left-box .list {
        display: grid;
        grid-template-columns: repeat(3, 11rem);
        /* 固定列宽 */
        grid-template-rows: 11rem;
        /* 固定行高 */
        gap: 0;
        /* 使用gap创建1px分隔线 */
        overflow: hidden;
        width: fit-content; }
      .company-item.company-profile .main-box .left-box .item {
        border: 1px solid rgba(255, 255, 255, 0.2);
        /* 容器边框 */
        display: -webkit-flex !important;
        display: flex !important;
        -ms-display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .company-item.company-profile .main-box .left-box .item .number-box {
          color: #24a94b;
          font-size: 1.4rem;
          font-weight: normal;
          margin-bottom: 1rem; }
          .company-item.company-profile .main-box .left-box .item .number-box .counter {
            font-size: 3.8rem; }
        .company-item.company-profile .main-box .left-box .item .text {
          margin-top: 0.8rem;
          font-size: 1.4rem;
          font-weight: normal; }
      .company-item.company-profile .main-box .right-box {
        width: 100%;
        flex: 0 0 auto;
        margin-left: 0; }
  .company-item.company-culture {
    background: url("../images/company_bg_1.jpg") no-repeat center bottom;
    padding-bottom: 4rem; }
    .company-item.company-culture .list {
      display: -webkit-flex !important;
      display: flex !important;
      -ms-display: flex !important;
      justify-content: space-between;
      flex-direction: column;
      gap: 2rem; }
      .company-item.company-culture .list .item {
        width: 100%;
        display: -webkit-flex !important;
        display: flex !important;
        -ms-display: flex !important;
        flex-direction: column;
        justify-content: space-between;
        align-content: center; }
        .company-item.company-culture .list .item:first-child {
          width: 100%; }
        .company-item.company-culture .list .item .pic {
          width: 200px;
          flex: 1 1 auto;
          max-width: 100%;
          width: 100%;
          margin-right: 0; }
          .company-item.company-culture .list .item .pic img {
            width: 100%;
            height: auto; }
        .company-item.company-culture .list .item .text-box {
          margin-top: 1rem;
          width: 200px;
          flex: 1 1 auto;
          max-width: 100%;
          width: 100%;
          display: -webkit-flex !important;
          display: flex !important;
          -ms-display: flex !important;
          flex-direction: column;
          justify-content: center; }
          .company-item.company-culture .list .item .text-box .title {
            font-size: 2.6rem;
            font-weight: bold;
            margin-bottom: 2rem; }
          .company-item.company-culture .list .item .text-box .desc {
            font-size: 1.6rem;
            font-weight: normal;
            font-family: "microsoft yahei";
            line-height: 2.6em;
            white-space: pre-line; }
            .company-item.company-culture .list .item .text-box .desc pre {
              font-size: 1.6rem;
              font-weight: normal;
              font-family: "microsoft yahei";
              line-height: 2em;
              white-space: pre-line; }
  .company-item.company-ability {
    padding-top: 0; }
    .company-item.company-ability .list {
      display: -webkit-flex !important;
      display: flex !important;
      -ms-display: flex !important;
      flex-direction: column;
      gap: 3rem; }
      .company-item.company-ability .list .item {
        padding: 2rem 0;
        border-bottom: 0.1rem solid #ddd;
        display: -webkit-flex !important;
        display: flex !important;
        -ms-display: flex !important;
        flex-direction: column;
        gap: 2rem;
        align-items: center; }
        .company-item.company-ability .list .item:nth-child(2n) {
          flex-direction: column; }
        .company-item.company-ability .list .item .pic {
          flex: 0 0 auto;
          max-width: 100%; }
        .company-item.company-ability .list .item .text-box {
          text-align: center; }
          .company-item.company-ability .list .item .text-box .title {
            font-size: 2.6rem;
            font-weight: normal;
            color: #24a94b;
            line-height: 1em; }
          .company-item.company-ability .list .item .text-box .desc {
            margin-top: 2rem;
            line-height: 2em; }
  .company-item.company-customer {
    padding-top: 2rem; }
    .company-item.company-customer .text-box {
      display: -webkit-flex !important;
      display: flex !important;
      -ms-display: flex !important;
      flex-direction: column;
      gap: 2rem;
      align-items: flex-start; }
      .company-item.company-customer .text-box .name {
        white-space: nowrap;
        font-size: 2.6rem;
        font-weight: normal;
        line-height: 1em; }
      .company-item.company-customer .text-box .txt {
        font-size: 1.4rem;
        font-weight: normal;
        line-height: 2em;
        text-align: justify; }
    .company-item.company-customer .list {
      margin-top: 3rem;
      display: grid;
      grid-template-columns: auto;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: auto;
      grid-row-gap: 0.5rem;
      grid-column-gap: 0.5rem;
      justify-content: start; }
      .company-item.company-customer .list > * {
        margin: 0;
        overflow: hidden;
        width: 100%; } }

.footer-box {
  background-color: #2c302b;
  border-top: 0.5rem solid #24a94b;
  padding: 8rem 0;
  color: rgba(255, 255, 255, 0.6); }
  .footer-box a {
    color: rgba(255, 255, 255, 0.6); }
  .footer-box .footer-links .title {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 1rem;
    color: #FFF; }
  .footer-box .footer-links .links {
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important;
    gap: 2rem; }
    .footer-box .footer-links .links a {
      font-size: 1.4rem;
      font-weight: normal;
      line-height: 1em;
      color: #FFF; }
      .footer-box .footer-links .links a:hover {
        color: #24a94b; }
  .footer-box .main-box {
    margin-top: 5rem;
    justify-content: space-between; }
  .footer-box .footer-sub-nav {
    flex: 0 0 auto;
    max-width: 100%; }
    .footer-box .footer-sub-nav .nav-ul-1 {
      gap: 8rem 0; }
    .footer-box .footer-sub-nav .nav-li-1:last-child .nav-ul-2 {
      padding-right: 0; }
    .footer-box .footer-sub-nav .nav-a-1 {
      color: #c4ccc4;
      position: relative;
      font-size: 1.8rem;
      font-weight: bold;
      line-height: 1em;
      padding-bottom: 2rem;
      margin-bottom: 3rem;
      border-bottom: 0.1rem solid rgba(255, 255, 255, 0.06); }
      .footer-box .footer-sub-nav .nav-a-1:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -0.1rem;
        width: 2em;
        height: 0;
        border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2); }
    .footer-box .footer-sub-nav .nav-ul-2 {
      padding-right: 6rem; }
    .footer-box .footer-sub-nav .nav-a-2 {
      font-size: 1.6rem;
      font-weight: normal;
      line-height: 2em;
      margin-bottom: 1em;
      color: #999999; }
    @media screen and (max-width: 768px) {
      .footer-box .footer-sub-nav {
        display: none; } }
  .footer-box .footer-contact .contact {
    margin-top: 3rem; }
    .footer-box .footer-contact .contact .txt {
      margin-bottom: 1rem; }
      .footer-box .footer-contact .contact .txt a {
        color: #C4CCC4;
        font-size: 1.4rem; }
      .footer-box .footer-contact .contact .txt span {
        font-size: 2.4rem;
        color: #24a94b; }
  .footer-box .footer-qrcode .name {
    color: #c4ccc4;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 3rem; }
  .footer-box .footer-qrcode .list .item:nth-child(n + 2) {
    margin-top: 1rem; }
  @media screen and (max-width: 768px) {
    .footer-box .main-box {
      margin-top: 2rem;
      flex-direction: column;
      justify-content: space-between;
      align-items: center; } }

.banner-select {
  position: relative; }

.select-box {
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1); }
  .select-box .container {
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9); }
  .select-box .list {
    padding: 5rem;
    display: -webkit-flex !important;
    display: flex !important;
    -ms-display: flex !important;
    flex-direction: column;
    gap: 3rem; }
    .select-box .list .item {
      display: -webkit-flex !important;
      display: flex !important;
      -ms-display: flex !important;
      justify-content: flex-start;
      gap: 2rem 3rem; }
      .select-box .list .item .title {
        width: 10rem;
        flex: 0 0 auto;
        position: relative;
        font-size: 1.8rem;
        font-weight: normal; }
        .select-box .list .item .title:before {
          content: "\e1031";
          position: absolute;
          right: -1rem;
          top: 0; }
      .select-box .list .item .select-val {
        display: -webkit-flex !important;
        display: flex !important;
        -ms-display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem; }
        .select-box .list .item .select-val .btn {
          border: 0.1rem solid #DDDDDD;
          padding: 0 2rem;
          font-size: 1.6rem;
          font-weight: normal;
          line-height: 1.8em; }
          .select-box .list .item .select-val .btn.btn-info {
            background-color: #24a94b;
            color: #FFF; }

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