﻿.submenu .selected a {
  color: #04671f;
  font-weight: bold;
}

.dhcontent {
  position: fixed;
  top: 0;
  left: 0;
  width: 50%;
  background: #ffffff;
  box-shadow: 4px 4px 10px rgb(49 155 98);
  padding: 1rem;
  z-index: 9999;
  height: 100%;
  transition: all 0.6s;
  display: none;
}

.dhcontent .toggleButton {
  text-align: right;
}

.dhcontent .m_nav {
  overflow: auto;
  height: calc(100vh - 20px);
}

.dhcontent .m_nav ul {
  margin-top: 1rem;
}

.dhcontent .m_nav ul li p {
  border-bottom: 1px solid #d6d6d6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}

.dhcontent .m_nav ul li p span:nth-child(1) {
  width: 80%;
  display: block;
  word-wrap: break-word;
  font-size: 16px;
}

.dhcontent .m_nav ul li ul {
  display: none;
}

.dhcontent .m_nav ul li ul li {
  font-size: 14px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d6d6d6;
  padding: 10px;
}

/* 手机端导航 */
.header_mobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0px 15px 12px rgba(23, 43, 77, 0.08);
  padding: 10px;
  z-index: 999;
  width: auto !important;
  transition: all 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 1;
  transform: translateY(0);
  position: relative;
}

.header_mobile .m_search {
  position: absolute;
  width: -webkit-fill-available;
  bottom: -75%;
  left: 0;
  background: #008136;
  padding: 10px;
  border-radius: 0;
}

.header_mobile .mob_left {
  display: flex;
  align-items: center;
}

.header_mobile .mob_left .iconfont {
  font-size: 1.8rem;
  color: #008136;
}

.header_mobile .mob_left .logo {
  width: 36%;
  margin-left: 10px;
}

.header_mobile .mob_right {
  display: flex;
  align-items: center;
}

.header_mobile .mob_right .iconfont {
  font-size: 3.2rem;
  color: #008136;
}

.footer_m {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .dhcontent,
  .header_mobile {
    display: none !important;
  }

  #fluentform_5_success {
    color: #fff;
  }

  #fluentform_3_success {
    color: #000;
  }
}

@media screen and (max-width: 767px) {
  #cQvk1zb .CrumbsBox {
    align-items: baseline !important;
  }
  .cOHV5kwA {
    margin: 8.4rem 0% 0rem 0% !important;
  }
  .zw {
    height: 3rem;
  }
  .tpzs ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .teamwork ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .Service_2 ul li {
    text-align: center;
  }

  body {
    overflow-x: hidden;
  }

  #SITE_HEADER,
  .fluentform .ff-el-group.ff-el-form-top .ff-el-input--label,
  .box5 .newList ul li p:nth-child(2),
  .hoverImg.hoverImg .p-more .imgHref,
  .xxjt,
  .banner-text {
    display: none !important;
  }

  .clMrgds,
  .cN7nEM8,
  .cim3tlV,
  .row_line .c5JULalrow_col,
  .Contact_cont,
  .Service-cont,
  #cZCHgPz .cZCHgPzLi .listBoxHref {
    margin: 10px !important;
  }

  .c1Q47Hw,
  .cdZSW4k,
  .c0bTMwG {
    flex-direction: column-reverse;
  }

  .cxsZZl9 .rowcol {
    margin-bottom: 3rem;
  }

  .row_line .cY8HYvdrow_col,
  .row_line .c3dYsJProw_col,
  .row_line .cnd8ETjrow_col,
  .row_line .c4m40qcrow_col,
  .row_line .c6GCMDcrow_col,
  .row_line .cPBmdKErow_col,
  .row_line .cPO03Firow_col,
  .row_line .cVvw1Vmrow_col,
  .row_line .ctw0dljrow_col,
  .row_line .cM5cs1Urow_col,
  .row_line .chb0BIBrow_col,
  .row_line .caNbI2Qrow_col,
  .row_line .cLCmDugrow_col,
  .row_line .cNCp32Wrow_col,
  .row_line .ccyZKXWrow_col,
  .row_line .c425qwqrow_col,
  .row_line .c5JULalrow_col,
  .cfmDMqZcL,
  .cmzaWBIcL,
  .about_2 p:nth-child(1),
  .about_2 p:nth-child(2),
  .Contact_l,
  .Contact_r,
  .yield_l,
  .yield_r,
  .Service_1 p:nth-child(1),
  .Service_1 p:nth-child(2),
  .Service_5 ul li div:nth-child(1),
  .Service_5 ul li div:nth-child(2),
  .yscont,
  .cewVbFK .rowcol,
  .row_line .cLqcSFLrow_col,
  .row_line .cH0dUBCrow_col,
  .cH1POKg .rowcol,
  .row_line .cG1fbP9row_col,
  .row_line .cPv2N7vrow_col,
  .cxsZZl9 .rowcol,
  .cIegCCV .rowcol,
  .c29oIPK .rowcol,
  .row_line .cWU0GsSrow_col,
  .row_line .cMG31cZrow_col,
  .row_line .cEXhzBIrow_col,
  .row_line .csZlJQ7row_col,
  .cA3W14d .rowcol,
  .cVCutoZ .rowcol,
  .Characteristics .rowcol,
  .cNb4wEo2 .rowcol,
  .czneAO8 .rowcol,
  .c0nFPjg .rowcol {
    width: 100% !important;
  }

  .clMrgds .rowcol,
  .cuobu2krL #cB6TR6K,
  .cuobu2krL #cfqz2Wy,
  .cuobu2krL #cM46hGj,
  .cuobu2krL #ckPBvLd,
  .cewqJSF .rowcol,
  .cNb4wEo .rowcol {
    width: 50% !important;
  }

  .about_2,
  .Contact_cont,
  .yield,
  .Service_1,
  .Service_5 ul li,
  .cewVbFK {
    flex-wrap: wrap !important;
  }

  .about_1,
  .yscont {
    margin: 10px;
    width: 95% !important;
  }

  .c1Rrjgv,
  .cGBWUqg,
  .about_2,
  .newList,
  .ctxWQp1,
  .cewVbFK,
  .cIohVJJ,
  .cKvRxuArow_col {
    padding: 10px;
  }

  .cBtnMcBA,
  .cFNmKAFA,
  .wzxq span:nth-child(1),
  .crkPgNYA {
    font-size: 14px !important;
  }

  .about_1,
  .cukmbkXA,
  .cpUvVU0A,
  .cqDgZvDA,
  .c1tQ1ieA,
  .cp2JzT4A,
  .cXYCQAK,
  .cqDgZvDA,
  .cJ5W7NrA,
  .bt_title p:nth-child(2) {
    font-size: 20px !important;
  }

  .c3fxllC,
  .cPVuuue,
  .c76ydWHrL,
  .cuufbri,
  .cnAgZtq,
  .ctxWQp1,
  .cXYCQAK {
    margin-top: 4rem;
  }

  .about_1,
  .Service_2 ul,
  .ys2 ul,
  .jscont .jscont_1 ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .box5 .newList ul,
  .ys1 ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .wzxq span:nth-child(1) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
  }

  #cY5z6fT .cY5z6fTLi,
  #clxYyYX .clxYyYXLi {
    width: calc(100% / 1 - 0.1px) !important;
  }

  .header_mobile {
    display: flex !important;
    position: fixed;
  }

  .footer_m {
    display: grid !important;
  }

  /* ========= */
  .box5 .newList ul li p:nth-child(1) {
    height: 13rem;
  }
  #cZCHgPz {
    margin: 0 !important;
  }
  .handle {
    margin-bottom: 10px;
  }

  .banner {
    height: 40vh;
  }

  .banner-text a,
  .ceuXw3OA {
    font-size: 20px !important;
  }

  #cnBIwPn .cnBIwPnLi,
  #cZCHgPz .cZCHgPzLi {
    width: calc(100% / 2 - 0.1px) !important;
  }

  .Contact_r {
    margin-top: 2rem;
  }

  .wzxq {
    padding: 6px;
  }
}
