@charset "UTF-8";
/* body {
	background: #F44336;
} */
.menu-wrapper {
  position: absolute;
  z-index: 102;
  /* top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; */
  width: 0.490rem;
  height: 0.330rem;
  cursor: pointer;
}

/*.hamburger-menu,
.hamburger-menu:after,
.hamburger-menu:before {
  width: $bar-width;
	height: $bar-height;
}*/
.hamburger-menu,
.hamburger-menu:after,
.hamburger-menu:before {
  height: 0.030rem;
}

.hamburger-menu {
  width: 0.490rem;
}

.hamburger-menu:after {
  width: 0.490rem;
}

.hamburger-menu:before {
  width: 0.490rem;
}

.hamburger-menu {
  position: relative;
  -webkit-transform: translateY( 0.150rem);
      -ms-transform: translateY( 0.150rem);
          transform: translateY( 0.150rem);
  background: white;
  /*transition: all 0ms 300ms;*/
}

.hamburger-menu.animate {
  background: rgba(255, 255, 255, 0) !important;
}

.hamburger-menu:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.150rem;
  background: white;
  -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.150rem;
  background: white;
  -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu.animate:after {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  background: #fff;
  width: 0.490rem;
  left: 0px;
}

.hamburger-menu.animate:before {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  background: #fff;
  width: 0.490rem;
  left: 0px;
}

a:link, a:visited {
  text-decoration: none;
  /*超链接无下划线*/
}

a:hover {
  text-decoration: none;
  /*鼠标放上去有下划线*/
}

.no-wrap {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.flagfalse {
  display: none;
}

.no-wrap-2 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.hidden {
  display: none;
}

body {
  overflow-x: hidden;
  padding-top: 0.810rem;
}

.menu-wrapper-show .hamburger-menu {
  background: #1C69F7;
}

.menu-wrapper-show .hamburger-menu::before, .menu-wrapper-show .hamburger-menu::after {
  background: #1C69F7;
}

.menu-wrapper {
  right: 0.320rem;
  z-index: 99999;
  top: 0.260rem;
  position: absolute;
}

ul.menu {
  width: 5.260rem;
  background: #313131;
  position: fixed;
  right: 0;
  top: 0.810rem;
  z-index: 999;
  font-size: 0.240rem;
  padding: 0.470rem 0.550rem 1.100rem;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

ul.menu li {
  border-bottom: 1PX solid rgba(125, 125, 125, 0.35);
}

ul.menu li a {
  display: block;
  height: 0.890rem;
  line-height: 0.890rem;
  color: #FFFFFF;
}

ul.menu .active a {
  color: #72AE2D;
}

header {
  width: 100%;
  height: 0.810rem;
  background: #313131;
  padding: 0  0.320rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.banner {
  font-size: 0;
  position: relative;
}

.banner img {
  width: 100%;
}

.banner .swiper-pagination-bullet {
  background: #FFFFFF;
  width: 0.100rem;
  height: 0.100rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.banner .swiper-pagination-bullet-active {
  background: #72AE2D !important;
}

.banner .banner-mask {
  width: 7.490rem;
  height: 1.600rem;
  background: rgba(74, 74, 74, 0.8);
  position: absolute;
  left: 0;
  bottom: 0;
  color: #CFD4D6;
  font-size: 0.180rem;
  padding: 0.320rem;
}

.banner .banner-mask .title {
  color: #FFFFFF;
  font-size: 0.220rem;
  margin-bottom: 0.100rem;
}

.banner .banner-mask .desc {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.w_title {
  color: #8D8E8D;
  font-size: 0.260rem;
  padding: 0  0.320rem;
  margin: 0.840rem auto 0.640rem;
}

.w_title .h1 {
  color: #8DC21F;
  font-size: 0.400rem;
  padding-left: 0.330rem;
  position: relative;
}

.w_title .h1::before {
  width: 0.160rem;
  height: 100%;
  background: #8dc21f;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}

.w_title a {
  color: #8D8E8D;
}

.w_title .h2 {
  font-size: 0.300rem;
  color: #777777;
  position: relative;
}

.w_title .h2::after {
  content: '';
  width: 0.890rem;
  height: 0.120rem;
  background: #8dc21f;
  position: absolute;
  left: 0;
  bottom: -0.240rem;
}

.logo-swiper {
  border: 1PX solid rgba(141, 142, 141, 0.5);
  border-left: none;
  border-right: none;
  padding: 0.250rem 0;
}

.logo-swiper .wrap {
  width: 5.610rem;
  margin: auto;
  font-size: 0;
}

.logo-swiper img {
  width: 1.600rem;
  height: 0.560rem;
  margin: auto;
  display: inline-block;
}

.logo-swiper img:nth-child(-n+3) {
  margin-bottom: 0.200rem;
}

.logo-swiper img:not(:nth-child(3n)) {
  margin-right: 0.400rem;
}

.logo-swiper .icon {
  top: 0;
  bottom: 0;
  margin: auto;
}

.fix-right {
  position: fixed;
  right: 0.210rem;
  bottom: 20%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 99;
}

.fix-right .message {
  margin-bottom: 0.180rem;
}

.index-case .list {
  font-size: 0.220rem;
  padding: 0  0.320rem;
}

.index-case .list .item {
  text-align: center;
  color: #7D7D7D;
}

.index-case .list .item:not(:nth-child(3n)) {
  margin-right: 0.160rem;
}

.index-case .list .thumbnail {
  width: 2.180rem;
  height: 1.240rem;
}

.index-service .desc {
  font-size: 0.220rem;
  color: #7D7D7D;
  padding: 0  0.630rem;
}

.index-service .desc span {
  color: #8DC21F;
}

.index-service > .w_title {
  padding: 0  0.320rem !important;
  margin: 0.840rem auto 0.640rem !important;
}

.index-service .w_title {
  padding: 0  0.640rem;
  margin: 0.460rem auto 0.830rem;
}

.index-service .vr-main {
  width: 7.100rem;
  height: 4.000rem;
  margin: auto;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 0.100rem;
          border-radius: 0.100rem;
}

.index-service .vr-main .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.index-service .vr-main .vr-main-mask {
  background: rgba(125, 125, 125, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  z-index: 9;
  width: 100%;
  height: 100%;
  padding: 0.520rem 1.100rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.index-service .vr-main .vr-main-mask .title {
  font-size: 0.320rem;
  margin-bottom: 0.600rem;
  position: relative;
}

.index-service .vr-main .vr-main-mask .title::after {
  content: '';
  width: 0.890rem;
  height: 0.090rem;
  background: #8dc21f;
  position: absolute;
  left: 0;
  bottom: -0.400rem;
}

.index-service .vr-main .vr-main-mask .vr-main-h2 {
  margin-bottom: 0.050rem;
}

.index-service .vr-main .vr-main-mask .vr-main-desc, .index-service .vr-main .vr-main-mask .vr-main-h2 {
  font-size: 0.220rem;
}

.index-service .vr-main .vr-main-mask .icon-play {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0.500rem;
}

.index-service .vr-list {
  margin: 0.470rem 0.320rem;
}

.index-service .vr-list .item {
  width: 1.870rem;
  font-size: 0.220rem;
  color: #7D7D7D;
  text-align: center;
  position: relative;
}

.index-service .vr-list .item .thumbnail {
  width: 1.870rem;
  height: 1.050rem;
  margin-bottom: 0.240rem;
}

.index-service .vr-list .item:not(:nth-child(3n)) {
  margin-right: 0.630rem;
}

.index-service .vr-list .item .title {
  position: relative;
}

.index-service .vr-list .item::after {
  content: '';
  width: 0.290rem;
  height: 0.010rem;
  background: #8dc21f;
  position: absolute;
  bottom: -0.100rem;
  left: 0;
  right: 0;
  margin: auto;
}

.index-service .more-product .list {
  padding: 0  0.320rem;
}

.index-service .more-product .list .item {
  font-size: 0;
  margin-bottom: 0.470rem;
}

.index-service .more-product .list .item .poster {
  width: 100%;
  height: 100%;
}

.index-service .more-product .list .item .time {
  font-size: 0.260rem;
  position: absolute;
  right: 0.300rem;
  bottom: 0.400rem;
}

.index-service .more-product .list .item .thumbnail {
  width: 6.860rem;
  height: 1.900rem;
}

.index-service .more-product .list .item .w-video {
  padding: 0  0.070rem;
  height: 3.810rem;
  position: relative;
}

.index-service .more-product .list .item .icon-play {
  position: absolute;
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}

.diy-case {
  font-size: 0;
}

.diy-case .diy-swiper-top img {
  width: 7.500rem;
  height: 3.800rem;
}

.diy-case .diy-swiper-bottom {
  padding: 0  0.130rem;
  margin-top: -0.450rem;
}

.diy-case .diy-swiper-bottom img {
  width: 5.990rem;
  height: 2.470rem;
}

.diy-case .diy-swiper-bottom .swiper-slide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.serviceFlow .serviceFlow-swiper {
  border: 1PX solid rgba(141, 194, 31, 0.5);
  border-left: none;
  border-right: none;
  color: #918E8E;
  font-size: 0.180rem;
  text-align: center;
  padding: 0.530rem 0;
}

.serviceFlow .serviceFlow-swiper .title {
  font-size: 0.300rem;
  color: #6A6A6A;
  margin-bottom: 0.250rem;
  font-weight: 600;
}

.serviceFlow .serviceFlow-swiper .header {
  width: 1.210rem;
  height: 1.210rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin-bottom: 0.120rem;
}

.serviceFlow .serviceFlow-swiper .name {
  font-size: 0.240rem;
  margin-bottom: 0.100rem;
  color: #6A6A6A;
  width: 100%;
}

.serviceFlow .serviceFlow-swiper .position {
  width: 100%;
}

.serviceFlow .serviceFlow-swiper .list {
  padding: 0  0.860rem;
}

.serviceFlow .serviceFlow-swiper .item {
  width: 1.210rem;
}

.serviceFlow .intro {
  width: 6.540rem;
  margin: 0.490rem auto;
  display: block;
}

.consult .form {
  padding: 0  0.320rem;
}

.consult .inputGroup {
  font-size: 0.240rem;
  color: #918E8E;
  border-bottom: 1PX solid #c3c3c3;
  height: 0.700rem;
}

.consult .inputGroup input {
  height: 0.680rem;
  line-height: 0.700rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  outline: medium;
  background: transparent;
}

.consult .inputGroup label {
  margin-right: 0.980rem;
  position: relative;
}

.consult .inputGroup i {
  color: red;
  margin-left: 0.050rem;
  position: absolute;
  right: -0.100rem;
  top: 0;
}

.consult .content {
  width: 6.860rem;
  height: 2.000rem;
  background: #f8f8f8;
  -webkit-border-radius: 0.200rem;
          border-radius: 0.200rem;
  margin-top: 0.320rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.240rem;
  color: #C3C3C3;
  padding: 0.320rem;
  border: none;
}

.consult .submit {
  width: 2.800rem;
  height: 0.610rem;
  -webkit-border-radius: 0.300rem;
          border-radius: 0.300rem;
  background: #8DC21F;
  color: #FFFFFF;
  font-size: 0.300rem;
  margin: 0.630rem auto;
  display: block;
}

.menu-bottom-list {
  padding: 0  0.320rem;
}

.menu-bottom-list .item {
  border-bottom: 1PX solid rgba(122, 120, 121, 0.3);
  height: 0.510rem;
  line-height: 0.510rem;
}

.menu-bottom-list a {
  font-size: 0.240rem;
  color: #918E8E;
  display: block;
  height: 0.510rem;
  line-height: 0.510rem;
}

footer {
  color: #868484;
  padding: 0  0.480rem;
  margin: 1.000rem auto;
  font-size: 0;
}

footer a {
  color: #868484;
  font-size: 0.300rem;
}

footer .f-mid {
  color: #868484;
  font-size: 0.180rem;
  margin: 0.180rem 0  0.180rem -0.160rem;
}

footer .f-mid .item {
  padding: 0  0.160rem;
}

footer .f-mid .item:not(:last-child) {
  border-right: 1PX solid #8dc21f;
}

footer .f-mid .item a {
  font-size: 0.180rem;
}

footer .copyright {
  color: #868484;
  font-size: 0.180rem;
}

.pg-details {
  font-size: 0;
  position: relative;
  padding-top: 1.200rem;
}

.pg-details .title {
  color: #878686;
  font-size: 0.320rem;
  padding: 0  0.320rem;
  margin-bottom: 0.330rem;
  font-weight: 600;
}

.pg-details .icon-swiper-prev {
  position: absolute;
  left: 0.320rem;
  top: 0.300rem;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}

.pg-details .date {
  color: #b7b6b6;
  font-size: 0.180rem;
  padding: 0  0.320rem;
  margin-bottom: 0.600rem;
  position: relative;
}

.pg-details .date::after {
  content: '';
  width: 0.650rem;
  border-bottom: 0.020rem dashed #b7b6b6;
  position: absolute;
  bottom: -0.160rem;
  left: 0.320rem;
}

.pg-details .thumbnail {
  width: 100%;
  margin-bottom: 0.600rem;
}

.pg-details .content {
  font-size: 0.250rem;
  color: #878686;
  padding: 0  0.320rem;
}

.pg-details .content img {
  width: 100% !important;
  height: auto !important;
}

.ewm {
  font-size: 0;
  text-align: center;
  height: 100%;
  width: 100%;
}

.ewm img {
  width: 6.000rem;
}

.ewm .wrap {
  font-size: 0.360rem;
  color: #9A9B9A;
}

.contact {
  padding: 0  0.320rem;
  margin-top: 0.410rem;
}

.contact .inputGroup {
  font-size: 0.300rem;
  color: #6A6A6A;
  margin-bottom: 0.320rem;
}

.contact .inputGroup input {
  border: none;
  outline: medium;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: transparent;
  padding-left: 0.090rem;
}

.contact .inputGroup .wrap {
  width: 6.830rem;
  height: 0.480rem;
  border: 1PX solid #7d7d7d;
  -webkit-border-radius: 0.050rem;
          border-radius: 0.050rem;
  padding: 0  0.090rem;
}

.contact .title {
  margin-bottom: 0.160rem;
  font-size: 0.300rem;
  color: #6A6A6A;
}

.contact .title span {
  font-size: 0.180rem;
}

.contact .title i {
  color: red;
  margin-left: 0.050rem;
}

.contact .content {
  width: 6.840rem;
  height: 3.850rem;
  border: 1PX solid #7d7d7d;
  -webkit-border-radius: 0.150rem;
          border-radius: 0.150rem;
  padding: 0.320rem;
  font-size: 0.280rem;
  color: #6A6A6A;
}

.contact a.phone {
  color: #7D7D7D;
  font-size: 0.300rem;
  display: block;
  padding: 0.300rem 0  0.160rem;
  border-bottom: 1PX solid #7D7D7D;
  text-align: center;
}

.contact .submit {
  width: 1.800rem;
  height: 0.560rem;
  background: #a4ce4c;
  -webkit-border-radius: 0.050rem;
          border-radius: 0.050rem;
  color: #FFFFFF;
  display: block;
  margin: 0.320rem auto;
  font-size: 0.320rem;
}

.news-list {
  padding: 0  0.320rem 0.320rem;
  margin-top: 0.250rem;
}

.news-list a {
  color: #7D7D7D;
}

.news-list .item {
  border-bottom: 1PX solid #BFBFBF;
  color: #7D7D7D;
  font-size: 0;
  padding: 0.160rem 0;
}

.news-list .item .thumbnail {
  width: 2.470rem;
  height: 1.390rem;
  margin-right: 0.160rem;
}

.news-list .item .date {
  font-size: 0.180rem;
  margin-top: 0.290rem;
}

.news-list .item .right {
  font-size: 0.240rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.pg-case .tab {
  width: 7.500rem;
  background: #8dc21f;
}

.pg-case .tab .item {
  width: 50%;
  height: 0.720rem;
  position: relative;
  font-size: 0.300rem;
  color: #798970;
}

.pg-case .tab .item:first-child::after {
  content: '';
  position: absolute;
  width: 0.020rem;
  height: 0.290rem;
  background: white;
  right: 0;
  top: 0.200rem;
}

.pg-case .tab .active {
  color: #FFFFFF;
}

.pg-case .content {
  position: absolute;
  width: 100%;
  left: 0;
  top: 1.530rem;
  bottom: 0;
}

.pg-case .content .left {
  width: 2.230rem;
  background: #FFFFFF;
  /*height: 100%; overflow-y: auto;*/
}

.pg-case .content .left .item {
  height: 1.200rem;
  position: relative;
  font-size: 0.300rem;
  color: #9A9B9A;
}

.pg-case .content .left .thumbnail {
  width: 1.600rem;
}

.pg-case .content .left .active {
  color: #91C42C;
}

.pg-case .content .left .active::after {
  content: '';
  width: 0.100rem;
  height: 0.400rem;
  background: #8dc21f;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.pg-case .content .case-mescroll {
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: auto;
  background: #ECEDEC;
  width: 5.270rem;
  right: 0;
}

.pg-case .content .case-left-mescroll {
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: auto;
  width: 2.230rem;
  left: 0;
}

.pg-case .content .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #ECEDEC;
}

.pg-case .content .right .item {
  width: 4.790rem;
  height: 2.860rem;
  color: #6A6A6A;
  font-size: 0;
  margin: 0.330rem auto;
  /*border-radius: 0.200rem;*/
  overflow: hidden;
  position: relative;
}

.pg-case .content .right .item .bottom {
  width: 100%;
  height: 0.990rem;
  background: #FFFFFF;
}

.pg-case .content .right .poster {
  width: 100%;
}

.pg-case .content .right .v-mask {
  width: 100%;
  height: 100% !important;
  background: rgba(191, 191, 191, 0.7);
  position: absolute;
  left: 0;
  top: 0;
}

.pg-case .content .right .share-wrap2 {
  width: 2.000rem;
  /*height: 0.500rem;*/
  position: absolute;
  top: 0px;
  padding: 0.200rem 0.250rem;
  right: 0px;
  z-index: 999;
  text-align: right;
}

.pg-case .content .right .icon-play2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.pg-case .content .right .icon-share1 {
  /*position: absolute; top: 0.200rem; right: 0.250rem;*/
}

.pg-case .content .right .v-title {
  font-size: 0.240rem;
  color: #FFFFFF;
  padding: 0.200rem;
  position: relative;
  max-width: 4.500rem;
}

.pg-case .content .right .v-title::after {
  content: '';
  width: 0.220rem;
  height: 0.050rem;
  background: white;
  position: absolute;
  bottom: 0.100rem;
  left: 0.200rem;
}

.pg-case .content .right .top {
  position: relative;
  overflow: hidden;
  height: 1.870rem;
}

.pg-case .content .right .top .icon-play {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}

.pg-case .content .right a {
  color: #6A6A6A;
}

.pg-case .content .right .bottom {
  font-size: 0.300rem;
  padding: 0.100rem 0;
  /*a{
                    margin-right: 0.160rem;
                }*/
}

.pg-case .content .right .bottom .l-item {
  padding-left: 0.160rem;
}

.pg-case .content .right .bottom .date {
  margin-top: 0.100rem;
  font-size: 0.180rem;
}

.pg-case .content .right .bottom .title {
  width: 3.850rem;
}

.pg-case .content .right .bottom .share-wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  padding: 0  0.160rem 0  0.300rem;
}

.pg-case .content .right .thumbnail {
  /*height: 1.870rem;*/
  width: 100%;
  position: absolute;
  top: 0;
  margin: auto;
  bottom: 0;
}

.news-mescroll {
  position: fixed;
  top: 0.810rem;
  bottom: 0px;
  height: auto;
}

.pg-about .about-top {
  font-size: 0;
}

.pg-about .about-top img {
  width: 100%;
}

.pg-about .team-thumb {
  width: 100%;
}

.pg-about .intro {
  width: 7.500rem;
  min-height: 2.840rem;
  background: rgba(215, 219, 215, 0.2);
  padding: 0.320rem;
  -webkit-box-shadow: 0px 0.020rem 0.080rem 0px rgba(124, 127, 123, 0.2);
          box-shadow: 0px 0.020rem 0.080rem 0px rgba(124, 127, 123, 0.2);
  -webkit-border-radius: 0.200rem;
          border-radius: 0.200rem;
}

.pg-about .intro p {
  font-size: 0.200rem;
  color: #918E8E;
}

.pg-about .intro p:nth-child(odd) {
  color: #8DC21F;
  font-size: 0.240rem;
}

.pg-about .intro p:not(:last-child) {
  margin-bottom: 0.150rem;
}

.pg-about .address {
  font-size: 0;
  padding-top: 0.400rem;
  position: relative;
  margin-top: 0.990rem;
}

.pg-about .address::after {
  content: '';
  width: 0.700rem;
  height: 0.100rem;
  background: #8FC847;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
}

.pg-about .address .thumbnail {
  width: 100%;
}

.pg-about .address .wrap {
  padding: 0.400rem 0.320rem 0.300rem;
}

.pg-about .address .left {
  font-size: 0.160rem;
  color: #7D7D7D;
}

.pg-about .address .list {
  font-size: 0.250rem;
  margin-bottom: 0.200rem;
}

.pg-about .address .list li {
  margin-right: 0.150rem;
}

.pg-about .address .list .active {
  color: #8FC847;
}

.pg-about .address .right {
  width: 1.160rem;
  height: 0.620rem;
}

.pg-about .address .bottom {
  width: 100%;
  height: 0.480rem;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0  0.320rem;
  background: #8FC847;
  font-size: 0.160rem;
  color: #FFFFFF;
}

.pg-about .logo-list {
  padding: 0  0.520rem;
  font-size: 0;
  margin-bottom: -0.200rem;
}

.pg-about .logo-list .item {
  display: inline-block;
  border: 1PX solid #d4d4d4;
  width: 2.000rem;
  height: 0.700rem;
  -webkit-border-radius: 0.060rem;
          border-radius: 0.060rem;
  overflow: hidden;
  margin-bottom: 0.200rem;
}

.pg-about .logo-list .item .icon {
  width: 100%;
  height: 100%;
}

.pg-about .logo-list .item:not(:nth-child(3n)) {
  margin-right: 0.200rem;
}

.dialog {
  width: 6.140rem;
  height: 3.450rem;
  background: white;
  border: 1PX solid #a4ce4c;
  -webkit-border-radius: 0.200rem;
          border-radius: 0.200rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  color: #6C6F6A;
  font-size: 0.300rem;
  text-align: center;
}

.dialog .btn {
  width: 1.100rem;
  line-height: 0.450rem;
  height: 0.450rem;
  background: #a4ce4c;
  -webkit-border-radius: 0.050rem;
          border-radius: 0.050rem;
  text-align: center;
  color: #FFFFFF;
  margin: 0.400rem auto 0;
}

.dialog .top {
  width: 6.130rem;
  height: 0.800rem;
  background: #a4ce4c;
  margin-bottom: 0.400rem;
}

.video-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.3);
}

.video-mask .wrap {
  height: 4.500rem;
  width: 90%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}

.video-mask #video {
  height: 4.500rem;
  width: 100%;
}

.video-mask .close {
  width: 0.400rem;
  height: 0.400rem;
  /*background: url("../../images/close.png") center no-repeat; background-size: 100%;*/
  position: absolute;
  top: 0.400rem;
  right: 0;
  margin: auto;
  z-index: 999;
}