@charset "utf-8";
html {
  font-size: 1rem;
}

@media (min-width: 576px) {
  html {
    font-size: 1.25rem;
  }
  .wap-home-pro-item {
    width: 30vw !important;
  }
  .wap-home-pro-item img {
    width: calc(30vw - 2px) !important;
    height: 22.83vw !important;
  }
  .wap-home-module-content a span {
    -webkit-line-clamp: 3 !important;
  }
}
@media (min-width: 768px) {
  html {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 1rem;
  }
}
/* @media (max-width: 1200px) {
  legend {
    font-size: calc(1.275rem + 0.3vw);
  }
  h1,
  .h1 {
    font-size: calc(1.375rem + 1.5vw);
  }
  h2,
  .h2 {
    font-size: calc(1.325rem + 0.9vw);
  }
  h3,
  .h3 {
    font-size: calc(1.3rem + 0.6vw);
  }
  h4,
  .h4 {
    font-size: calc(1.275rem + 0.3vw);
  }
  .display-1 {
    font-size: calc(1.725rem + 5.7vw);
  }
  .display-2 {
    font-size: calc(1.675rem + 5.1vw);
  }
  .display-3 {
    font-size: calc(1.575rem + 3.9vw);
  }
  .display-4 {
    font-size: calc(1.475rem + 2.7vw);
  }
  .close {
    font-size: calc(1.275rem + 0.3vw);
  }
} */

/* 初始化样式 */
body,
a {
  font-size: 0.875rem;
  color: #333;
  font-family: "微软雅黑";
}
a:hover {
  color: #3fb153;
  text-decoration: none;
}
ul,
li,
p {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-decoration: none;
  font-weight: normal;
  color: #333;
}
.wrap {
  margin: 0 auto;
}

/* Header */
.top {
  width: 100%;
  height: 2.25rem;
  line-height: 2.25rem;
  border-bottom: 1px solid #dedede;
}
.top-content {
  display: flex;
  justify-content: space-between;
  padding-left: 8px;
  padding-right: 8px;
}
/* Logo */
.logo-contact {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 8.625rem;
}
.logo {
  display: flex;
  align-items: center;
}
.logo img {
  width: 6.25rem;
}
.company-name {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.625rem;
}
.slogan {
  font-size: 1rem;
}
.logo-contact-r {
  width: 22.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo-contact-r .icon {
  width: 3.5rem;
}
.logo-contact-r .qrcode {
  width: 6rem;
}
.logo-contact-r-tel {
  line-height: 1.625rem;
}
.logo-contact-r-tel span {
  font-size: 0.9375rem;
}
.logo-contact-r-tel b {
  display: block;
  font-size: 1.25rem;
  color: #3fb150;
}

/* 搜索关键字 */
.search-keywords {
  width: 100%;
  background-color: #eeeeee;
}
.search-keywords-c {
  height: 4.8125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search {
  width: 16.75rem;
  display: flex;
  justify-content: right;
  align-items: center;
}
.search-input {
  background-color: #fff;
  border: 1px solid #ddd;
}
.search-txt {
  height: 2.375rem;
  box-sizing: border-box;
  color: rgb(102, 102, 102);
  font-size: 0.875rem;
  background: none;
  border-style: none;
  outline: none;
  padding: 0 8px;
}
.search-btn {
  width: 4.75rem;
  height: 2.5rem;
  background: url(../imgs/search.png) center no-repeat #3fb153;
  background-size: 32%;
  cursor: pointer;
  border: 0;
}

/* 首页产品 */
.home-product {
  padding-top: 2.625rem;
  overflow: hidden;
}
.home-product-title {
  font-size: 2.25rem;
  font-weight: bold;
  color: #3fb150;
  text-align: center;
}
.home-product-slogan {
  margin-top: 0.625rem;
  text-align: center;
}
.home-product-category {
  display: flex;
  border-bottom: 1px solid #4ab344;
  padding-top: 1.375rem;
  margin-bottom: 1.125rem;
}
.home-product-category ul {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.home-product-category ul li {
  width: 8.5rem;
  height: 3.125rem;
  line-height: 3.125rem;
  margin: 0 0.5rem;
  text-align: center;
  cursor: pointer;
  font-size: 0.9375rem;
  transition: all 0.5s ease;
}
.home-product-category ul li.active {
  background-color: #4ab344;
  color: #fff;
  transition: all 0.5s ease;
}
.home-product-box {
  width: 75rem;
  height: 29.625rem;
  overflow: hidden;
  position: relative;
}
.home-product-list {
  height: 29.625rem;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
}
.home-product-item {
  width: 75rem;
  display: flex;
  justify-content: space-between;
  opacity: 0;
  transition: all 0.8s;
  transform: translateY(100%);
}
.home-product-item-l {
  width: 35rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home-product-item-l > a {
  width: 28.5rem;
  height: 22.5rem;
  overflow: hidden;
  display: block;
}
.home-product-item-l img {
  width: 28.5rem;
  height: 22.5rem;
  transition: all 0.5s ease;
}
.home-product-item-l img:hover {
  transform: scale(1.1);
}
.home-product-item-l-t {
  width: 28.5rem;
  height: 3.75rem;
  line-height: 3.75rem;
  text-align: center;
  background: -webkit-linear-gradient(left, #025297, #3eb051);
}
.home-product-item-l-t a {
  font-size: 1rem;
  color: #fff;
}
.home-product-item-l-t a:hover {
  color: #333;
}
.home-product-item-r {
  width: 37.875rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}
.home-product-item-r-p {
  width: 15rem;
  height: 11.25rem;
  position: relative;
}
.home-product-item-r-p img {
  width: 15rem;
  height: 11.25rem;
}
.home-product-item-r-p-bg {
  width: 15rem;
  height: 11.25rem;
  line-height: 11.25rem;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0;
  transition: all 0.5s ease;
}
.home-product-item-r-p-bg:hover {
  background-color: rgba(74, 179, 68, 0.5);
  opacity: 1;
}
.home-product-item-r-p-bg a {
  font-size: 1rem;
  color: #fff;
  width: 100%;
  height: 100%;
  display: block;
}
.home-product-item-r-p-bg a:hover {
  color: #333;
}

/* 中间间隔条 */
.home-spacer {
  width: 100%;
  height: 12.5rem;
  background: url(../imgs/home_bg_01.png) center repeat-x;
  margin-top: 1.875rem;
  background-size: 100%;
}
.home-spacer-c {
  height: 12.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.home-spacer-l {
  font-size: 1.5rem;
  color: #fff;
  transform: translateX(-100%);
}
.home-spacer-l b {
  font-size: 2rem;
  margin-bottom: 1.75rem;
  display: block;
}
.home-spacer-r {
  width: 18.75rem;
  text-align: center;
  color: #fff;
  font-size: 1rem;
  transform: translateX(100%);
}
.home-spacer-r img {
  margin-right: 0.625rem;
  vertical-align: middle;
}
.home-spacer-r b {
  display: block;
  font-size: 1.875rem;
  margin: 0.5rem 0 0.75rem;
}
.home-spacer-r a {
  width: 13.125rem;
  height: 2.5rem;
  line-height: 2.5rem;
  display: inline-block;
  color: #000;
  text-align: center;
  font-size: 1.125rem;
  color: #fff;
  background: -webkit-linear-gradient(top, #025490, #156eb1);
}
.home-spacer-animate {
  opacity: 0;
  transition: all 0.8s;
}

/* Why Choose */
.why-choose {
  width: 100%;
  height: 32.875rem;
  background: url(../imgs/home_bg_03.png) center repeat-x;
}
.why-choose-title {
  height: 12.375rem;
  text-align: center;
  color: #666;
  padding-top: 3.75rem;
  box-sizing: border-box;
}
.why-choose-title b {
  display: block;
  font-size: 2.25rem;
  color: #333;
  margin-bottom: 0.625rem;
}
.why-choose-title b span {
  color: #3fb150;
  margin-left: 0.625rem;
}
.why-choose-dominance {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.why-choose-dominance li {
  width: 11.75rem;
  height: 14.625rem;
  border-radius: 0.3125rem;
  background-color: #fff;
  text-align: center;
}
.why-choose-dominance li img {
  width: 10rem;
  height: 10rem;
  transition: all 0.3s !important;
}
.why-choose-dominance li:hover img {
  transform: translateY(-5%) !important;
}
.why-choose-dominance li b {
  display: block;
  font-size: 1rem;
  color: rgb(102, 102, 102);
}

/* ====== Home Cases ====== */
/*  */
.home-cases {
  width: 100%;
  height: 40.625rem;
  background: url(../imgs/home_bg_02.png) center repeat-x;
  overflow: hidden;
  background-size: 100%;
}
.home-cases-c {
  opacity: 0;
  transition: all 0.8s;
  transform: translateX(100%);
}
.home-cases-title {
  height: 12.25rem;
  text-align: center;
  color: #fff;
  padding-top: 3.75rem;
  box-sizing: border-box;
}
.home-cases-title b {
  font-size: 2.25rem;
  display: block;
  margin-bottom: 1.25rem;
}
.home-cases-content {
  height: 22.875rem;
  overflow: hidden;
  position: relative;
}
.home-cases-content:hover .prev,
.home-cases-content:hover .next {
  z-index: 9;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.home-cases-content .prev,
.home-cases-content .next {
  position: absolute;
  top: 50%;
  margin-top: -1.25rem;
  display: block;
  width: 2rem;
  height: 2.5rem;
  filter: alpha(opacity=0);
  opacity: 0;
  background: url(../imgs/slider-arrow.png) no-repeat #000;
}
.home-cases-content .prev {
  left: 0;
  background-position: -6.875rem 0.3125rem;
}
.home-cases-content .next {
  right: 0;
  background-position: 8px 0.3125rem;
}
.home-cases-list {
  height: 22.875rem;
}
.home-cases-list ul {
  overflow: hidden;
  zoom: 1;
}
.home-cases-list ul li {
  width: 23.75rem;
  height: 21.875rem;
  background-color: #fff;
  margin-right: 1.875rem;
  text-align: center;
}
.home-cases-list ul > li > a {
  width: 23.75rem;
  height: 14.25rem;
  overflow: hidden;
  display: block;
}
.home-cases-list ul li img {
  transition: all 0.5s ease;
}
.home-cases-list ul li img:hover {
  transform: scale(1.1);
}
.home-cases-list-title {
  height: 3.125rem;
  line-height: 3.125rem;
}
.home-cases-list-title a {
  font-size: 1rem;
}
.home-cases-list-desc {
  text-align: left;
  padding: 0 0.625rem;
  line-height: 1.5625rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

/* Home About Us */
.home-about-us {
  height: 29.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 2.25rem;
}
.home-about-us-l {
  width: 30.625rem;
}
.home-about-us-l-title {
  font-size: 2.375rem;
  line-height: 4.25rem;
  color: #3fb150;
}
.home-about-us-l-spacer {
  width: 6.25rem;
  height: 0.25rem;
  background: -webkit-linear-gradient(left, #025297, #3eb051);
  margin: 0.9375rem 0px 2.1875rem;
}
.home-about-us-l-desc {
  line-height: 28px;
}
.home-about-us-l-a {
  width: 11.25rem;
  height: 2.8125rem;
  line-height: 2.8125rem;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 1rem;
  background: -webkit-linear-gradient(left, #025297, #3eb051);
  margin-top: 0.9375rem;
}
.home-about-us-r {
  width: 35rem;
  height: 19.6875rem;
}
/* ====== Home About Us ====== */

/* Home Installations & Workshop */
.home-i-w {
  padding-top: 0.625rem;
}
.home-i-w-switch {
  width: 32.5rem;
  height: 3.25rem;
  margin: 0 auto 0.625rem;
  display: flex;
}
.home-i-w-switch > div {
  width: 16.25rem;
  height: 3.25rem;
  line-height: 3.25rem;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  color: #fff;
  font-size: 1.125rem;
  background-color: #ababaa;
  cursor: pointer;
}
.home-i-w-switch > div.active {
  background-color: #3fb153;
  border-color: #3fb153;
  position: relative;
}
.home-i-w-switch > div .triangle {
  position: absolute;
  top: 3.1875rem;
  left: 50%;
  margin-left: -0.3125rem;
  display: none;
  transform: rotate(180deg);
}
.home-i-w-switch > div.active .triangle {
  display: block;
}
.home-i-w-content {
  height: 11.25rem;
  overflow: hidden;
  margin: 3.75rem 0 5rem;
  position: relative;
}
.home-i-w-content .prev,
.home-i-w-content .next {
  position: absolute;
  top: 50%;
  margin-top: -1.25rem;
  display: block;
  width: 2rem;
  height: 2.5rem;
  filter: alpha(opacity=0);
  opacity: 0;
  background: url(../imgs/slider-arrow.png) no-repeat #000;
}
.home-i-w-content .prev {
  left: 0;
  background-position: -6.875rem 0.3125rem;
}
.home-i-w-content .next {
  right: 0;
  background-position: 0.5rem 0.3125rem;
}
.home-i-w-content:hover .prev,
.home-i-w-content:hover .next {
  z-index: 9;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.home-i-w-list ul li {
  margin-right: 1.25rem;
  position: relative;
  float: left;
}
.home-i-w-list ul li a {
  position: absolute;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  left: 0;
  bottom: 0;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}
.home-i-w-list ul li a:hover {
  color: #3fb153;
}
.home-i-w-list ul li,
.home-i-w-list ul li img {
  width: 14rem;
  height: 11.25rem;
}

/* Home News */
.home-news {
  height: 43.625rem;
  overflow: hidden;
}
.home-news-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 4.5rem 0 1.75rem;
}
.home-news-item {
  width: 36.125rem;
  height: 9.125rem;
  border: 1px solid #dedede;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-bottom: 1.75rem;
}
.home-news-item:nth-child(odd) {
  transition: all 0.8s;
  opacity: 0;
  transform: translateX(-100%);
}
.home-news-item:nth-child(even) {
  transition: all 0.8s;
  opacity: 0;
  transform: translateX(100%);
}
.home-news-item-l {
  width: 4.75rem;
  padding-left: 1.375rem;
  line-height: 1.875rem;
}
.home-news-item-l p {
  margin-bottom: 0;
}
.home-news-item-l .year {
  font-size: 1.5rem;
}
.home-news-item-line {
  height: 3.125rem;
  border-left: 1px solid #efefef;
  margin: 1.5625rem;
}
.home-news-item-r {
  width: 26.875rem;
}
.home-news-item-r-a a {
  font-size: 1rem;
}
.home-news-item-r-desc {
  margin-top: 0.75rem;
  line-height: 1.625rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

/* Home Partner */
.home-partner {
  height: 13.625rem;
  overflow: hidden;
}
.home-partner-t,
.home-partner-c {
  transition: all 0.8s;
  opacity: 0;
  transform: translateX(100%);
}
.home-partner-c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.8125rem 0 4.5rem;
}
.home-partner-c img {
  width: 7.5rem;
}

.home-title {
  text-align: center;
}
.home-title b {
  font-size: 2.25rem;
  color: #3fb150;
}
.home-title p {
  margin-top: 0.625rem;
  color: #666;
}

/* 搜索 */
.page-main-search {
  margin-top: 1rem;
}
.page-main-search li {
  height: 2.375rem;
  line-height: 2.375rem;
  border-bottom: 1px dashed #dadada;
  padding: 0 0.625rem;
}

/* Footer */
.footer {
  width: 100%;
  color: #fff;
}
.footer-main {
  display: flex;
  justify-content: space-between;
  padding-top: 4.0625rem;
}
.footer-main-title {
  line-height: 1.625rem;
}
.footer-main-title b {
  font-size: 1.125rem;
  display: block;
}
.footer-main-l-desc {
  line-height: 1.875rem;
}
.footer-main-l-desc p {
  color: #fff;
}
.footer-main-l-desc p.p1 {
  font-size: 1rem;
  padding: 1.5rem 0 0.875rem;
}
.footer-main-c {
  width: 37.125rem;
  padding: 0 2.625rem;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  box-sizing: border-box;
}
.footer-main-c-form-a {
  display: flex;
  justify-content: space-between;
}
.footer-main-c-form-a span {
  width: 8.8rem;
  height: 2.125rem;
  border: 1px solid #dadada;
  overflow: hidden;
}
.footer-main-c-form-a span input {
  width: 8.8rem;
  height: 2.125rem;
  line-height: 2.125rem;
  background: none;
  border-style: none;
  outline: none;
  color: #dedede;
  padding: 0 0.5rem;
}
.footer-main-c-form-a span input::placeholder,
.footer-main-c-form-b textarea::placeholder {
  color: #dedede;
}
.footer-main-c-form-b {
  height: 6.25rem;
  border: 1px solid #dadada;
  box-sizing: border-box;
  margin: 1.625rem 0 2.25rem;
}
.footer-main-c-form-b textarea {
  width: 31.625rem;
  height: 6.125rem;
  background: none;
  border-style: none;
  outline: none;
  color: #dedede;
  padding: 0.5rem;
  font-family: "微软雅黑", sans-serif, tahoma, arial, "Hiragino Sans GB";
}
.footer-main-c-form-c {
  width: 9.75rem;
  height: 2.75rem;
  line-height: 2.75rem;
  text-align: center;
  color: #fff;
  background-color: #4ab344;
  cursor: pointer;
  border: 0;
}
.footer-main-r {
  text-align: center;
  color: #fff;
}
.footer-main-r img {
  width: 11.25rem;
  height: 11.25rem;
  margin-bottom: 0.75rem;
}
.footer-bottom {
  line-height: 1.75rem;
  text-align: center;
  padding: 3.125rem 0 1.25rem;
}
.footer-bottom a {
  color: #fff;
}

/* Banner */
.page-banner {
  width: 100%;
  height: 18.75rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.crumb {
  height: 1.875rem;
  line-height: 1.875rem;
  border-bottom: 1px dotted #dedede;
  margin: 0.625rem auto;
}

/* 内页-内容 */
.page-main {
  display: flex;
  justify-content: space-between;
  margin: 1.875rem auto;
}
.page-main-sidebar {
  width: 22.5%;
  margin-right: 1.5%;
}
.page-main-sidebar-menu {
  border: 1px solid #dedede;
  margin-bottom: 1.75rem;
}
.page-main-sidebar-menu-name {
  height: 4.625rem;
  line-height: 4.625rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  background-color: #3fb153;
}
.page-main-sidebar-menu ul {
  margin: 0.3125rem;
  padding: 0;
}
.page-main-sidebar-menu ul li {
  height: 3.4375rem;
  line-height: 3.4375rem;
  border-bottom: 1px solid #dedede;
}
.page-main-sidebar-menu ul li:last-child {
  border-bottom: 0;
}
.page-main-sidebar-menu ul li a {
  font-size: 1rem;
  padding-left: 0.625rem;
  display: block;
}
.page-main-sidebar-menu ul li a:hover {
  background-color: #3fb153;
  color: #fff;
}
.page-main-sidebar-menu ul li a.active {
  background-color: #3fb153;
  color: #fff;
}
.page-main-sidebar-contact {
  height: 10rem;
  padding-top: 1.5rem;
  background-color: #3fb153;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}
.page-main-sidebar-contact img {
  width: 2.5rem;
  height: 2.5rem;
}
.page-main-sidebar-contact span {
  display: block;
  margin-bottom: 0.3125rem;
}
.page-main-sidebar-contact b {
  font-size: 1.5rem;
}
.page-main-content {
  width: 75%;
}
.page-main-content-c {
  line-height: 1.625rem;
}
.page-main-content-c img {
  max-width: 100%;
}
.page-list-content {
  width: 75%;
}
.list-i-w-item a {
  font-size: 1rem;
  display: block;
}
.list-i-w-item a span {
  padding-top: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.list-i-w-item img {
  transition: all 0.5s ease;
}
.list-i-w-item img:hover {
  transform: translateX(-5%);
}
.page-main-news-release-time {
  border-bottom: 1px dotted #eee;
  padding: 0.5rem 0 0.25rem;
  margin-bottom: 1rem;
}
.page-main-pn-share {
  border-top: 1px dotted #dadada;
  margin-top: 1.25rem;
  padding-top: 0.625rem;
}
.page-main-pn-share {
  display: flex;
  justify-content: space-between;
}
.page-main-pn {
  line-height: 2.25rem;
}

/* 相关新闻 & 相关产品 */
.page-main-related {
  padding-top: 1.875rem;
  width: 100%;
}
.page-main-related-t {
  height: 2.875rem;
  line-height: 3rem;
  border-bottom: 1px solid #ccc;
}
.page-main-related-t b {
  width: 5.875rem;
  height: 2.8125rem;
  font-size: 1rem;
  text-align: center;
  display: block;
  color: #3fb153;
  border-bottom: 3px solid #3fb153;
}
.page-main-related-news {
  padding: 0 1rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-main-related-news li {
  width: 24.625rem;
  height: 3.25rem;
  line-height: 3.25rem;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 0.625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-main-related-product {
  display: flex;
  padding: 0.9375rem;
}
.page-main-related-product li {
  width: 10.75rem;
  height: 8.875rem;
  padding: 0 0.6875rem;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.page-main-related-product li span.img-icon {
  position: relative;
  display: block;
  width: 9.375rem;
  height: 7rem;
}
.page-main-related-product li span.img-icon > img {
  width: 9.375rem;
  height: 7rem;
}
.page-main-related-product li span.img-icon > b {
  width: 4rem;
  height: 4rem;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2rem;
  margin-left: -2rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.5s ease;
}
.page-main-related-product li span.img-icon > b:hover {
  opacity: 1;
}
.page-main-related-product li span.txt {
  line-height: 1.875rem;
}

/* 产品中心 */
.list-pro-item {
  height: 268px;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
}
.list-pro-item-img img {
  border: 0 !important;
  height: 203px;
}
.list-pro-item-img a {
  position: relative;
  display: block;
  font-size: 1rem;
}
.list-pro-item:hover span {
  opacity: 1;
}
.list-pro-item-img a span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.5s ease;
}
a.list-pro-item-title {
  margin: 10px 20px;
  display: flex;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 42px;
  justify-content: center;
  align-items: center;
}

.page-main-pro-thumb-t {
  display: flex;
}
.page-main-pro-thumb-t img {
  width: 25rem;
  border: 1px solid #eeeeee;
}
.page-main-pro-thumb-t h1 {
  font-size: 30px;
  font-weight: bold;
  margin-left: 1.25rem;
  color: #585858;
}
.page-main-pro-tab {
  height: 3.5625rem;
  box-sizing: border-box;
  border: 1px solid #eaeaea;
  margin-top: 2.375rem;
}
.page-main-pro-tab span {
  width: 10rem;
  height: 3.375rem;
  line-height: 3.375rem;
  text-align: center;
  color: #3fb153;
  border-top: 3px solid #3fb153;
  border-right: 1px solid #eaeaea;
  display: block;
  font-weight: 400;
}
.page-main-pro-title {
  height: 2.9375rem;
  line-height: 2.9375rem;
  box-sizing: border-box;
  border: 1px solid #beccdd;
  background-color: #e9f1fd;
  color: #337fe5;
  text-align: center;
  font-size: 1rem;
  margin-top: 1.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0.375rem;
}
.page-main-pro-content {
  border-top: 1px dashed #ccc;
  padding: 0.625rem;
  background-color: #f8f8f8;
  margin-top: 1.25rem;
  line-height: 1.625rem;
}

/* 新闻动态 */
.page-main-news li {
  height: 13.875rem;
  box-sizing: border-box;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-main-news li:last-child {
  border-bottom: 0;
}
.page-main-news li img {
  width: 16.25rem;
  height: 10rem;
}
.page-main-news li div.txt {
  width: 36.25rem;
  padding-right: 1.25rem;
}
.page-main-news li div.txt a {
  font-size: 1rem;
  font-weight: 400;
}
.page-main-news li div.txt .description {
  color: #666;
  line-height: 1.875rem;
  margin: 16px 0 0.625rem;
}
.page-main-news li div.txt .catname a {
  font-size: 0.75rem;
  background-color: #f0f0f0;
  display: inline-block;
  width: 4.25rem;
  height: 1.625rem;
  line-height: 1.5625rem;
  border-radius: 0.8125rem;
  text-align: center;
  color: #666;
}
.page-main-news-content {
  line-height: 1.625rem;
  padding: 0.625rem;
}
.page-main-news-content h1 {
  font-size: 1.5625rem;
  font-weight: 400;
  text-align: center;
}
.page-main-news-release-time {
  height: 4.5rem;
  line-height: 4.5rem;
  text-align: center;
  border-bottom: 1px solid #f0efef;
  margin-bottom: 1.25rem;
  color: #adadad;
}

/* 分页 */
.pages {
  text-align: center;
  padding: 0.625rem;
}
.pages a,
.pages span {
  display: inline-block;
  padding: 0 0.5rem;
}
.pages span {
  color: #3fb153;
  font-weight: bold;
}

/* 联系我们 */
.page-main-contact-a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.25rem;
}
.page-main-contact-a img {
  width: 7.5rem;
  height: 7.5rem;
}
.page-main-contact-a .txt {
  width: 46.875rem;
}
.page-main-contact-a .txt .title {
  font-size: 24px;
  color: #009a44;
}
.page-main-contact-a .txt .title span {
  font-size: 1rem;
  color: #999999;
  padding-left: 0.625rem;
}
.page-main-contact-a .txt p {
  margin-top: 1.25rem;
  line-height: 1.75rem;
  font-size: 0.9375rem;
}
.page-main-contact-b {
  display: flex;
  flex-wrap: wrap;
}
.page-main-contact-b .title {
  font-size: 1.125rem;
  font-weight: bold;
  color: rgb(0, 154, 68);
  margin-bottom: 0.75rem;
}
.page-main-contact-b .title span {
  color: red;
}
.page-main-contact-b > div {
  width: 28.75rem;
  line-height: 1.875rem;
  font-size: 0.9375rem;
  margin-bottom: 2.375rem;
}
.page-main-contact-b > div.page-main-contact-b-r {
  width: 19.125rem;
}

/* 在线留言 */
.page-main-message-tips {
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
}
.page-main-message .footer-main-c-form-a span {
  width: 16.25rem;
  border-color: #999;
}
.page-main-message .footer-main-c-form-a span input {
  color: #333;
  background: none;
}
.page-main-message .footer-main-c-form-a span input::placeholder {
  color: #333;
  background: none;
}
.page-main-message .footer-main-c-form-b {
  border-color: #999;
}
.page-main-message .footer-main-c-form-b textarea {
  color: #333;
  font-size: 0.8125rem;
  width: 54.5rem;
}
.page-main-message .footer-main-c-form-b textarea::placeholder {
  color: #333;
}

/* wap nav */
.wap-home-nav a {
  width: 20vw;
  margin: 2.5vw;
  text-align: center;
}
.wap-home-nav a span {
  display: block;
  margin-top: 1vw;
}
.wap-home-nav a b {
  width: 16vw;
  height: 16vw;
  border-radius: 50%;
}
.wap-home-nav a:nth-child(1) b {
  background: linear-gradient(to bottom right, #ff2517, #ff5451);
}
.wap-home-nav a:nth-child(2) b {
  background: linear-gradient(to bottom right, #7063ff, #8c7ff1);
}
.wap-home-nav a:nth-child(3) b {
  background: linear-gradient(to bottom right, #ffbc24, #ffe006);
}
.wap-home-nav a:nth-child(4) b {
  background: linear-gradient(to bottom right, #1473fb, #1dadfc);
}
.wap-home-nav a:nth-child(5) b {
  background: linear-gradient(to bottom right, #33c4f6, #0ae9f1);
}
.wap-home-nav a:nth-child(6) b {
  background: linear-gradient(to bottom right, #ff6e00, #ff8a00);
}
.wap-home-nav a:nth-child(7) b {
  background: linear-gradient(to bottom right, #f45c6e, #fba867);
}
.wap-home-nav a:nth-child(8) b {
  background: linear-gradient(to bottom right, #3edb56, #74ecaf);
}
.wap-home-nav a b i {
  font-size: 1.5rem;
  color: #fff;
}

.wap-home-title {
  height: 4rem;
}
.wap-home-title b {
  height: 2.125rem;
  background-color: #42bd54;
  color: #fff;
  font-size: 1.125rem;
  border-radius: 0 1.0625rem 1.0625rem 0;
}
.wap-divide {
  border: 0.375rem solid #f8f8f8;
}
.wap-home-module-content {
  padding: 0 4vw;
}
/* wap 产品中心 */
.wap-home-pro-list {
  justify-content: space-evenly;
}
.wap-home-pro-item {
  width: 42vw;
}
.wap-home-pro-item img {
  width: calc(42vw - 2px);
  height: 31.848575vw;
}
.wap-home-pro-item span {
  display: block;
  padding: 0.5859rem 0.5859rem 0.9522rem 0.5859rem;
  text-align: center;
}
.wap-home-about-desc {
  text-indent: 2em;
  font-size: 0.875rem;
  line-height: 1.875rem;
}

.wap-home-module-content a {
  display: flex;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
}
.wap-home-module-content a img {
  width: 31.2vw;
  height: 20.623728vw;
}
.wap-home-news-desc {
  width: 54.933vw;
}
.wap-home-module-content a b {
  font-size: 0.875rem;
  display: block;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.5rem;
}
.wap-home-module-content a span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 0.8125rem;
  color: rgb(132, 142, 152);
  line-height: 1.375rem;
}
.wap-home-news .wap-home-module-content a:first-child {
  display: block;
}
.wap-home-news .wap-home-module-content a:first-child img {
  width: 100%;
  height: auto;
  margin-bottom: 0.625rem;
}
.wap-home-news .wap-home-module-content a:first-child .wap-home-news-desc {
  width: 100%;
}
.wap-home-news .wap-home-module-content a:first-child b {
  font-size: 1rem;
  font-weight: bold;
}
.wap-home-module-content a:last-child {
  border: 0;
}
.wap-bottom-hover {
  height: 3rem;
}
.wap-bottom-hover-btns {
  height: 3rem;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9;
  background-color: #42bd54;
  box-shadow: 0 4px 10px #666;
}
.wap-bottom-hover-btns div {
  width: 21vw;
  margin: 0 2vw;
  text-align: center;
  font-size: 0.75rem;
  color: #fff;
}
.wap-bottom-hover-btns div a {
  color: #fff;
}
.wap-bottom-hover-btns div i {
  font-size: 1rem;
  display: block;
}

/* 首页轮播 */
.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 36px;
  height: 36px;
}
.carousel-indicators li {
  width: 50px;
  height: 10px;
  margin-right: 6px;
}