@charset "utf-8";
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.marginauto {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.linenowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flexCetween {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flexAlign {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  -webkit-align-items: center;
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 199;
  transition: 0.5s;
}
.header.scroll {
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
  background-color: rgba(132, 125, 125, 0.5);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.header.scroll .header-wrap {
  padding: 27px 46px 21px 90px;
}
.header.scroll .logo img.show {
  opacity: 0;
  visibility: hidden;
}
.header.scroll .logo img.hide {
  opacity: 1;
  visibility: visible;
}
.header.scroll .navs > li a:before {
  background: #1F90D0;
}
.header.scroll .navs > li > a {
  color: #fff;
}
.header.scroll .tel {
  color: #fff;
}
.header.scroll .tel i {
  color: #333;
}

.header.scroll .header-search b {
  color: #333;
}
.header.scroll .header-menu-btn span:before {
  color: #fff;
}
.header-wrap {
  padding: 27px 46px 21px 90px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.35s;
}
.logo {
  display: block;
  position: relative;
  z-index: 3;
  width: 160px;
  height: auto;
}
.logo img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.38s;
}
.logo img.hide {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.navs {
  position: absolute;
  left: 50%;
  top: 0;
  display: flex;
  transform: translateX(-50%);
  transition: 0.5s;
}
.navs > li {
  position: relative;
  padding: 0 21px;
}
.navs > li:hover a:before,
.navs > li.active a:before {
  transform: scaleX(1);
  transform-origin: left center;
}
.navs > li > a {
  display: block;
  position: relative;
  z-index: 3;
  padding: 39px 0 24px;
  line-height: 1;
  color: #fff;
  font-size: 16px;
  font-family: "PuHuiTi", sans-serif;
  font-weight: 350;
}
.navs > li > a:before {
  position: absolute;
  /* left: -21px;
  right: -21px; */
  bottom: 0;
  height: 4px;
  content: "";
  background: #fff;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.38s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.product-menu {
  position: absolute;
  left: -76px;
  top: 100%;
  padding: 37px 77px 70px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  width: 700px;
}
.product-menu.common-menu {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}
.promenu-item {
  float: left;
  margin-right: 158px;
}
.promenu-item:last-child {
  margin-right: 0;
}
.promenu-item:first-child .product-menu-info dt:before {
  width: 160px;
}
.product-menu-info {
  display: block;
}
.product-menu-info dt {
  display: flex;
  position: relative;
  align-items: center;
  padding-bottom: 8px;
}
.product-menu-info dt:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 199px;
  height: 1px;
  background: linear-gradient(to right, #c9c9c9 0%, rgba(21, 53, 89, 0) 100%);
}
.product-menu-info dt a {
  cursor: default;
}
.product-menu-info dt i {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 6px;
  color: #2A6AB2;
  font-style: normal;
  font-size: 26px;
  line-height: 1;
}
.product-menu-info dt span {
  display: inline-block;
  color: #333333;
  font-size: 18px;
  line-height: 1;
  transition: 0.35s;
}
.product-menu-info dd {
  display: block;
  padding-top: 15px;
}
.promenu-li {
  margin-bottom: 70px;
}
.promenu-li p {
  margin-bottom: 10px;
  color: #999999;
  font-size: 13px;
  font-family: "PuHuiTi", sans-serif;
}
.promenu-li:last-child {
  margin-bottom: 0;
}
.promenu-list li {
  margin-bottom: 12px;
  color: #484848;
}
.promenu-list li a {
  display: inline-block;
  color: #666666;
  font-size: 14px;
}
.promenu-list li a:hover {
  color: #2A6AB2;
}
.common-menu {
  display: none;
}
.leval-menu {
  position: absolute;
  left: 50%;
  margin-left: -60px;
  top: 120%;
  width: 120px;
  background: #fff;
  border-radius: 4px;
  /* padding: 10px 0; */
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.leval-menu-list li {
  display: block;
font-size: 14px;
line-height: 20px;
color: #333;
text-align: center;
padding: 0 10px;
-webkit-transition: 0.5s;
transition: 0.5s;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px 0;
  border-radius: 5px;
background-color: #fff;
border-bottom: 1px dashed #def0ef;
font-family: "PuHuiTi", sans-serif;
font-weight: 350;
}
.leval-menu-list li:last-child {
  margin-bottom: 0;
}
.leval-menu-list li a {
  display: inline-block;
  color: #666666;
  font-size: 14px;
}
.leval-menu-list li a:hover {
  color: #2A6AB2;
}
body.slideDown .logo img.show {
  opacity: 0;
  visibility: hidden;
}
body.slideDown .logo img.hide {
  opacity: 1;
  visibility: visible;
}
body.slideDown .navs {
  opacity: 0;
  visibility: hidden;
}
body.slideDown .header-menu-btn span:before {
  transform: translateY(-100%);
  transition-delay: 0s;
}
body.slideDown .header-menu-btn span:after {
  top: 0;
  transition-delay: 0s;
}
body.slideDown .menu-box {
  height: 100%;
}
body.slideDown .menu-box .menu-wrap {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.3s;
}
.menu-box {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  z-index: 2;
  background: #fff;
  transition: 1s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  overflow: hidden;
}
.menu-wrap {
  position: absolute;
  left: 0;
  top: 17.9vh;
  width: 100%;
  display: flex;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.65s;
}
.menu-item {
  margin-right: 240px;
}
.menu-item:last-child {
  margin-right: 0;
}
.menu-product h3 {
  display: block;
  width: 175px;
  margin-bottom: 38px;
}
.menu-product h3 a {
  display: inline-block;
  color: #333333;
  font-size: 26px;
  font-family: "PuHuiTi", sans-serif;
  font-weight: 350;
}
.menu-product h3 a:hover {
  color: #1F90D0;
}
.menu-proitem {
  margin-bottom: 20px;
}
.menu-proitem:last-child {
  margin-bottom: 0;
}

.menu-proitem > span {
  display: inline-block;
  color: #666666;
  font-size: 20px;
  cursor: pointer;
  font-family: "PuHuiTi", sans-serif;
font-weight: 350;
}
.menu-proitem > span.on i {
  transform: rotate(270deg);
}
.menu-proitem > span i {
  display: inline-block;
  margin-left: 20px;
  color: #999999;
  font-size: 16px;
  transform: rotate(90deg);
  transition: 0.3s;
}
.menu-slide {
  display: none;
}
.menu-proitem:first-child .menu-slide {
  display: block;
}
.menu-levas {
  margin-bottom: 70px;
}
.menu-levas li {
  margin-bottom: 12px;
}
.menu-levas li:last-child {
  margin-bottom: 0;
}
.menu-levas li a {
  display: inline-block;
  color: #666666;
  font-size: 20px;
}
.menu-levas li a:hover {
  color: #1F90D0;
}
.header-right {
  display: flex;
  align-items: center;
}
.tel {
  margin-right: 50px;
  color: #fff;
  font-size: 16px;
  font-family: "PuHuiTi", sans-serif;
}
.tel i {
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 10px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  background-image: url(../images/telephone.png);
}
.tel img{
  display: block;
width: 100%;
height: auto;
transition: 0.38s;
}
.header-search {
  position: relative;
}
.header-search b {
  display: block;
  line-height: 1;
  color: #FFFFFF;
  font-size: 16px;
  font: lighter;
  cursor: pointer;
}
.header-menu-btn {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 50px;
  cursor: pointer;
  z-index: 3;
}
.header-menu-btn span {
  display: block;
  position: relative;
  color: #fff;
  font-size: 14px;
  font-family: "Gilroy";
  text-transform: uppercase;
  text-indent: -99999px;
  width: 46px;
  overflow: hidden;
  font-family: "PuHuiTi", sans-serif;
}
.header-menu-btn span:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  content: "MENU";
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-indent: 0px;
  font-family: "PuHuiTi", sans-serif;
  transition: all 0.3s 0.5s, color 0.3s 0s;
}
.header-menu-btn span:after {
  position: absolute;
  left: 0;
  top: 100%;
  content: "CLOSE";
  color: #2A6AB2;
  font-size: 14px;
  font-family: "PuHuiTi", sans-serif;
  text-indent: 0px;
  transition: all 0.3s 0.5s, color 0.3s 0s;
}
.header-menu-btn i {
  display: block;
  margin-left: 23px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #1F90D0;
}
.btext {
  position: absolute;
  left: 50%;
  margin-left: -45%;
  top: 50%;
  transform: translateY(-50%);
  width: 90%;
  text-align: center;
  z-index: 6;
}
.btitle small {
  display: block;
  margin-bottom: 15px;
  line-height: 1;
  color: #FFFFFF;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "PuHuiTi", sans-serif;
}
.btitle strong {
  display: block;
  line-height: 1.1;
  color: #fff;
  font-size: 4.42vw;
  font-family: "PuHuiTi", sans-serif;
}
.bannre-prev {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 20%;
  height: 100%;
}
.bannre-prev:hover span {
  opacity: 1;
  visibility: visible;
}
.bannre-prev.prev span {
  left: 52px;
}
.bannre-prev.prev span:hover {
  left: 47px;
}
.bannre-prev.next {
  left: auto;
  right: 0;
}
.bannre-prev.next span {
  right: 52px;
  background: url(../images/next.png) center no-repeat;
}
.bannre-prev.next span:hover {
  right: 47px;
}
.bannre-prev span {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  width: 87px;
  height: 27px;
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  background: url(../images/prev.png) center no-repeat;
  opacity: 0;
  visibility: hidden;
}
.world-list {
  margin-top: 28px;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}
.world-list li {
  margin-right: 85px;
}
.world-list li:last-child {
  margin-right: 0;
}
.world-list li:hover b {
  transform: translateY(-5px);
}
.world-list li b {
  display: block;
  position: relative;
  margin: auto;
  text-align: center;
  width: 66px;
  height: 66px;
  border: 1px solid rgba(255, 255, 255, 0.49);
  border-radius: 50%;
  transition: 0.3s;
}
.world-list li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.world-list li span {
  display: block;
  margin-top: 10px;
  text-align: center;
  line-height: 1;
  color: #fff;
  font-size: 16px;
  font-family: "PuHuiTi", sans-serif;
}
.common-btn {
  text-align: center;
}
.common-btn a {
  display: inline-block;
  position: relative;
  z-index: 2;
  width: 183px;
  height: 47px;
  text-align: center;
  line-height: 47px;
  color: #fff;
  background: #1F90D0;
  border-radius: 24px;
  font-size: 16px;
  font-family: "PuHuiTi", sans-serif;
}
.common-btn a:hover {
  background: rgba(31, 144, 208, 0.8);
}
.banner-slide {
  overflow: hidden;
}
.banner-info {
  margin-top: 30px;
  margin-bottom: 114px;
  text-align: center;
}
.banner-info p {
  color: #fff;
  font-size: 30px;
  text-align: center;
}
.bannerwr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bannerwr:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.banner-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
}
.banner-line {
  position: absolute;
  left: 50%;
  margin-left: -600px;
  bottom: 75px;
  padding-bottom: 24px;
  width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 20;
}
.banner-line .line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: rgba(168, 183, 201, 0.3);
}
.banner-line .line i {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  width: 0;
  height: 100%;
}
.banner-line .swiper-pagination {
  position: relative;
}
.banner-line .swiper-pagination .swiper-pagination-bullet {
  margin-right: 13px;
  position: relative;
  width: 6px;
  height: 6px;
  background: #A8B7C9;
  opacity: 0.6;
  transition: 0.4s;
}
.banner-line .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: none;
}
.banner-line .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  opacity: 1;
  visibility: visible;
  transform: rotateY(0deg);
}
.banner-line .swiper-pagination .swiper-pagination-bullet:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transform: rotateY(180deg);
  transition: 0.3s;
}
.numble {
  color: #A8B7C9;
  font-size: 14px;
  font-family: "Gilroy";
  line-height: 1;
}
.numble b {
  font-weight: normal;
  color: #fff;
}
.home-about {
  position: relative;
  padding-left: 160px;
  overflow: hidden;
  background: #F5F5F6;
}
.home-about-content {
  padding: 180px 0 125px;
}
.common-tts small {
  display: block;
  line-height: 1;
  color: #999999;
  font-size: 20px;
  font-family: "Gilroy";
  text-transform: uppercase;
  opacity: 0;
  margin-bottom: 22px;
}
.common-tts strong {
  display: block;
  line-height: 1.1;
  color: #333333;
  font-size: 3.645vw;
  opacity: 0;
  overflow: hidden;
}
.home-about-info {
  margin: 50px 0 46px;
  width: 562px;
  max-width: 100%;
}
.home-about-info p {
  color: #666666;
  font-size: 16px;
  text-align: justify;
}
.about-btns {
  display: flex;
  margin-bottom: 110px;
}
.about-video {
  margin-left: 15px;
  width: 181px;
  height: 45px;
  border: 1px solid #707070;
  text-align: center;
  line-height: 45px;
  color: #666666;
  font-size: 14px;
  border-radius: 24px;
  cursor: pointer;
  transition: 0.4s;
}
.about-video:hover {
  background: #1F90D0;
  color: #fff;
  border-color: #1F90D0;
}
.about-video:hover i {
  left: 3px;
  color: #fff;
}
.about-video i {
  display: inline-block;
  position: relative;
  left: 0;
  z-index: 3;
  top: 1px;
  margin-left: 17px;
  color: #666666;
  font-size: 18px;
  font-style: normal;
  transition: 0.4s;
}
.about-data {
  width: 36.6vw;
  display: flex;
  justify-content: space-between;
}
.about-data-item {
  min-width: 150px;
}
.about-data-item p {
  margin-bottom: 14px;
  color: #333333;
  font-size: 3.38vw;
  line-height: 1;
  font-family: "PuHuiTi", sans-serif;
}
.about-data-item p b {
  font-weight: lighter;
}
.about-data-item span {
  display: block;
  line-height: 1;
  color: #666666;
  font-size: 14px;
  font-family: "PuHuiTi", sans-serif;
}
.about-imgs {
  position: absolute;
  right: -2%;
  top: 0;
  width: 52.81%;
  height: 100%;
}
.about-imgs img {
  display: block;
  width: auto;
  max-height: 100%;
}
.about-imgs .dit {
  position: absolute;
  top: 0;
  left: 0;
  animation: fadeIn1 2.3s infinite;
}
.intelligent {
  position: relative;
  z-index: 3;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  min-height: 49.47vw;
  overflow: hidden;
}
.intelligent .intelligent-swiper {
  height: 100%;
}
.mVbg {
  position: absolute;
  left: 50%;
  top: 100%;
  width: 143%;
  min-width: 2500px;
  height: 283%;
  min-height: 2500px;
  background-size: cover !important;
  animation: mVbgRotate 360s infinite linear;
}
@keyframes mVbgRotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
.product-slide {
  height: 100%;
  min-height: 49.47vw;
}
.intelligent-wrap {
  padding: 133px 120px 107px 180px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.intelligent-imgs {
  width: 45.24%;
  position: relative;
}
.intelligent-imgs figure {
  display: inline-block;
  position: relative;
  line-height: 1;
}
.intelligent-imgs img {
  display: block;
  max-width: 100%;
  height: auto;
}
.intelligent-imgs img.hide {
  position: absolute;
  left: 0;
  top: 0;
  animation: fadeIn1 2.5s infinite linear;
}
@keyframes fadeIn1 {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.intelligent-line {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.spot {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background: #ECF3F9;
  border-radius: 100%;
  z-index: 2;
}
.spot.spot1 {
  left: 45.81%;
  margin-left: -9px;
  top: 0;
  width: 13px;
  height: 13px;
}
.spot.spot2 {
  right: 23.06%;
  margin-right: -7.5px;
  top: 12.11%;
  margin-top: -7.5px;
  width: 15px;
  height: 15px;
}
.spot.spot3 {
  margin-right: -9px;
  top: 34.27%;
  margin-top: -3px;
  width: 18px;
  height: 18px;
  right: 5.68%;
}
.spot.spot4 {
  top: 54.6%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  right: 0;
}
.spot.spot5 {
  right: 19.11%;
  margin-right: -12px;
  bottom: 11.04%;
  margin-bottom: -12px;
  width: 24px;
  height: 24px;
}
.spot.spot6 {
  right: 36.65%;
  margin-right: -9px;
  bottom: 22.23%;
  margin-bottom: -9px;
  width: 18px;
  height: 18px;
}
.spot.spot7 {
  left: 4.73%;
  margin-left: -18px;
  bottom: 14.72%;
  margin-bottom: -18px;
  width: 36px;
  height: 36px;
}
.spot.spot8 {
  left: 0;
  top: 57.97%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
}
.spot.spot9 {
  left: 17.37%;
  top: 38.957%;
  margin-left: -6.5px;
  margin-top: -6.5px;
  width: 13px;
  height: 13px;
}
.spot.spot10 {
  left: 2.527%;
  top: 19.93%;
  margin-left: -4px;
  margin-top: -1px;
  width: 8px;
  height: 8px;
}
.sline {
  position: absolute;
}
.sline img {
  display: block;
  width: 100%;
  height: auto;
}
.sline1 {
  left: 2.2%;
  top: 1.073%;
  width: 73.933%;
}
.sline2 {
  left: 2.527%;
  top: 12.11%;
  width: 92.1%;
}
.sline3 {
  left: 2.2%;
  top: 20.33%;
  width: 15.48%;
}
.sline4 {
  left: 17.13%;
  top: 35.27%;
  width: 80.88%;
}
.sline5 {
  right: 2.079%;
  top: 54.3%;
  width: 35.07%;
}
.sline6 {
  left: 2.05%;
  top: 57.66%;
  width: 61.29%;
}
.intelligent-imgs.article-block .intelligent-line .spot {
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: 0.3s;
}
.intelligent-imgs.article-block .intelligent-line .sline {
  clip-path: inset(0 100% 0 0);
  transition: 0.8s linear;
}
.intelligent-imgs.articleShow .intelligent-line .spot {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  animation: cir_out 2s infinite;
}
.intelligent-imgs.articleShow .intelligent-line .spot:nth-child(2n+2) {
  animation: cir_out 2s 0.3s infinite;
}
.intelligent-imgs.articleShow .intelligent-line .spot1 {
  transition: 0.3s 0.4s;
}
.intelligent-imgs.articleShow .intelligent-line .spot2 {
  transition-delay: 1.6s;
}
.intelligent-imgs.articleShow .intelligent-line .spot3 {
  transition-delay: 2.2s;
}
.intelligent-imgs.articleShow .intelligent-line .spot3 {
  transition-delay: 2.2s;
}
.intelligent-imgs.articleShow .intelligent-line .spot9 {
  transition-delay: 1.2s;
}
.intelligent-imgs.articleShow .intelligent-line .spot4 {
  transition-delay: 2.5s;
}
.intelligent-imgs.articleShow .intelligent-line .spot5 {
  transition-delay: 2.8s;
}
.intelligent-imgs.articleShow .intelligent-line .spot6 {
  transition-delay: 3s;
}
.intelligent-imgs.articleShow .intelligent-line .spot7,
.intelligent-imgs.articleShow .intelligent-line .spot8 {
  transition-delay: 2.4s;
}
.intelligent-imgs.articleShow .intelligent-line .sline1 {
  clip-path: inset(0 0 0 0);
}
.intelligent-imgs.articleShow .intelligent-line .sline2 {
  clip-path: inset(0 0 0 0);
  transition: 1.5s 0.8s;
}
.intelligent-imgs.articleShow .intelligent-line .sline3 {
  clip-path: inset(0 0 0 0);
  transition: 1s 0.8s;
}
.intelligent-imgs.articleShow .intelligent-line .sline4 {
  clip-path: inset(0 0 0 0);
  transition: 1.5s 1.4s;
}
.intelligent-imgs.articleShow .intelligent-line .sline5 {
  clip-path: inset(0 0 0 0);
  transition: 1.5s 1.5s;
}
.intelligent-imgs.articleShow .intelligent-line .sline6 {
  clip-path: inset(0 0 0 0);
  transition: 1.5s 2s;
}
@keyframes cir_out {
  0% {
    transform: scale(0.05);
    opacity: 1;
  }
  80% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.1);
    opacity: 0.1;
  }
}
.common-tts1 strong,
.common-tts1 small {
  color: #fff;
}
.intelligent-li {
  margin-top: 48px;
  margin-bottom: 90px;
  justify-content: start;
}
.intelligent-li li {
  margin-right: 22px;
}
.intelligent-li li:last-child {
  margin-right: 0;
}
.common-btn-left {
  text-align: left;
}
.intelligent-li1 li {
  margin-right: 50px;
}
.swiper-container .swiper-pagination1 {
  position: absolute;
  left: 60px;
  right: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  z-index: 10;
  width: auto;
}
.swiper-container .swiper-pagination1 .swiper-pagination-bullet {
  position: relative;
  margin: 0;
  padding-bottom: 20px;
  width: auto;
  height: auto;
  color: #FFFFFF;
  font-size: 20px;
  font-family: "Gilroy";
  line-height: 1;
  background: none;
  display: block;
  margin-bottom: 49px;
  opacity: 0.5;
}
.swiper-container .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-container .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  transform: scaleX(1);
}
.swiper-container .swiper-pagination1 .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
}
.swiper-container .swiper-pagination1 .swiper-pagination-bullet:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 5px;
  background: #fff;
  transform: scaleX(0);
  transform-origin: center;
  transition: 0.38s;
}
.intelligent .intelligent-swiper1 {
  height: 100%;
}
.build-wraps {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
}
.builds {
  position: relative;
  width: 48.85%;
}
.build-bg img {
  display: block;
  width: 100%;
  height: auto;
}
.build-aircle {
  position: absolute;
  left: 20.23%;
  top: 32.54%;
  width: 34.717%;
}
.build-aircle img {
  display: block;
  width: 100%;
  height: auto;
  animation: rolates 18s infinite linear;
}
@keyframes rolates {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.intelligent1 {
  background: #F5F5F6;
}
.builds-item {
  position: absolute;
  text-align: center;
}
.builds-item:hover b:before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.builds-item:hover span {
  color: #00C9A1;
}
.builds-item b {
  display: block;
  margin: auto;
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #C2C2C2;
  text-align: center;
  z-index: 2;
}
.builds-item b:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #00C9A1, #2A6AB2);
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transform: rotateY(-180deg);
  transition: 0.44s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.builds-item b img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.builds-item span {
  display: block;
  color: #999999;
  font-size: 16px;
  line-height: 1.2;
  transition: 0.38s;
}
.builds-item1 {
  left: 37.48%;
  top: 19.8%;
  transform: translateX(-50%);
  margin-top: -32px;
}
.builds-item1 span {
  position: absolute;
  bottom: 100%;
  margin-bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.builds-item2 {
  right: 36.52%;
  top: 35.76%;
  margin-right: -32px;
  margin-top: -32px;
}
.builds-item2 span {
  position: absolute;
  left: 100%;
  margin-left: 11px;
  top: 50%;
  margin-top: -8px;
  white-space: nowrap;
}
.builds-item3 {
  margin-right: -32px;
  margin-bottom: -32px;
  right: 40.04%;
  bottom: 29.87%;
}
.builds-item3 span {
  position: absolute;
  left: 100%;
  margin-left: 11px;
  top: 50%;
  margin-top: -8px;
  white-space: nowrap;
}
.builds-item4 {
  left: 16.61%;
  bottom: 29.87%;
  margin-left: -32px;
  margin-bottom: -32px;
}
.builds-item4 span {
  position: absolute;
  right: 100%;
  margin-right: 11px;
  top: 50%;
  margin-top: -8px;
  white-space: nowrap;
}
.builds-item5 {
  left: 7.454%;
  margin-left: -32px;
  top: 44.96%;
  margin-top: -32px;
}
.builds-item5 span {
  position: absolute;
  right: 100%;
  margin-right: 11px;
  top: 50%;
  margin-top: -8px;
  white-space: nowrap;
}
.build-info {
  text-align: left;
  padding-left: 160px;
}
.build-info .common-btn {
  text-align: left;
  margin-top: 60px;
}
.build-info .common-btn a {
  background: linear-gradient(155deg, #00C9A1, #2A6AB2);
}
.upgrade {
  position: relative;
  margin-top: 120px;
  margin-right: 2%;
  width: 47.187%;
}
.upgrade figure {
  display: block;
  line-height: 1;
  overflow: hidden;
}
.upgrade figure img {
  display: block;
  width: 100%;
  height: auto;
}
.upgrade-item1 {
  right: 72.98%;
  margin-right: -28px;
  top: 17.34%;
  margin-top: -28px;
}
.upgrade-item1 span {
  right: 100%;
  margin-right: 10px;
}
.upgrade-item {
  position: absolute;
}
.upgrade-item:hover b {
  width: 79px;
  height: 79px;
  margin-left: -11px;
  margin-top: -11px;
}
.upgrade-item:hover b img {
  width: 36px;
}
.upgrade-item b {
  display: block;
  position: relative;
  width: 57px;
  height: 57px;
  background: linear-gradient(155deg, #00C9A1, #2A6AB2);
  text-align: center;
  border-radius: 50%;
  transition: 0.4s;
}
.upgrade-item b img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: 24px;
  transition: 0.35s;
}
.upgrade-item span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  color: #999999;
  line-height: 1.2;
  text-align: right;
  white-space: nowrap;
  font-size: 16px;
}
.upgrade-item1:hover b {
  margin: 0;
  margin-right: -11px;
  margin-bottom: -11px;
}
.upgrade-item4:hover b {
  margin: 0;
  margin-right: -11px;
  margin-bottom: -11px;
}
.upgrade-item2 {
  left: 85.24%;
  top: 28.11%;
}
.upgrade-item2 a {
  display: flex;
  align-items: center;
}
.upgrade-item2 span {
  position: static;
  top: auto;
  transform: translateY(0px);
  margin-left: 10px;
  text-align: left;
}
.upgrade-item3 {
  left: 66.55%;
  bottom: 31.89%;
  margin-bottom: -28px;
}
.upgrade-item3 span {
  left: 100%;
  margin-left: 10px;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}
.upgrade-item4 {
  left: 8.9%;
  bottom: 40.16%;
  margin-bottom: -28px;
}
.upgrade-item4 span {
  right: 100%;
  margin-right: 10px;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
}
.build-li {
  margin-top: 24px;
  display: flex;
}
.build-li p {
  padding: 0 14px;
  color: #666666;
  font-size: 24px;
  line-height: 1;
  border-right: 1px solid #666666;
}
.build-li p:first-child {
  padding-left: 0;
}
.build-li p:last-child {
  border-right: none;
}
.build-wraps1 {
  height: 100%;
  align-items: center;
  flex-direction: row;
}
.intelligent-swiper1 .swiper-pagination1 .swiper-pagination-bullet {
  color: #C2C2C2;
}
.intelligent-swiper1 .swiper-pagination1 .swiper-pagination-bullet:before {
  background: #00C9A1;
}
.intelligent-swiper1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: #00C9A1;
}
.information {
  position: relative;
  z-index: 3;
  padding: 116px 8.33% 100px;
  overflow: hidden;
}
.information-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  z-index: -1;
}
.informate-title {
  margin-bottom: 66px;
  text-align: center;
}
.informate-title small {
  display: block;
  margin-bottom: 28px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  font-family: "Gilroy";
  opacity: 0;
}
.informate-title strong {
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 3.64vw;
  font-weight: bold;
  opacity: 0;
}
.informate-list {
  margin-bottom: 70px;
  display: flex;
  justify-content: space-between;
}
.informate-list li {
  position: relative;
  flex: 1;
  margin-right: 37px;
}
.informate-list li:last-child {
  margin-right: 0;
}
.informate-list li a:hover figure img {
  transform: scale(1.05);
}
.informate-list li a:hover .informate-down {
  opacity: 1;
}
.informate-list li figure {
  position: relative;
  display: block;
  padding-bottom: 54.56%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.informate-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.informate-down {
  padding: 17px 0 32px;
  border-bottom: 2px solid #fff;
  opacity: 0.6;
  transition: 0.4s;
}
.informate-down time {
  display: block;
  line-height: 1;
  color: #FFFFFF;
  font-size: 14px;
}
.informate-down strong {
  margin-top: 15px;
  margin-bottom: 20px;
  display: block;
  line-height: 1.4;
  color: #fff;
  font-size: 22px;
  min-height: 62px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.informate-down p {
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.address-list {
  display: flex;
  flex-wrap: wrap;
  width: 1066px;
}
/* .address-list h1{
  color: #fff;
margin-bottom: 8px;
font-size: 12px;
line-height: 24px;
font-weight: 500;
} */
.address-list p {
  color: #A8B7C9;
  font-size: 14px;
  line-height: 2;
}
.eq {
  width: 72px;
}
.eq img {
  display: block;
  width: 100%;
  height: auto;
}
.network {
  display: none;
}
.network a {
  display: inline-block;
  color: #A8B7C9;
  font-size: 12px;
}
.network a:hover {
  color: #fff;
}
.article-block.slideMove {
  opacity: 0;
  clip-path: inset(0 100% 0 0);
  transition: 1.65s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.articleShow.slideMove {
  opacity: 1;
  clip-path: inset(0 0 0 0);
}
.article-block.slideTop {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: 0.65s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.articleShow.slideTop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.pop-video {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 199;
  opacity: 0;
  visibility: hidden;
  transition: 0.8s;
  pointer-events: none;
}
.pop-video.show {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}
.pop-bgs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.pop-wraps {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1092px;
}
.pop-wraps .videos {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.pop-close {
  display: block;
  position: absolute;
  right: -76px;
  top: 50%;
  margin-top: -18px;
  cursor: pointer;
  width: 31px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  border-radius: 50%;
  border: 3px solid #fff;
  transition: 0.35s;
  color: #fff;
  font-size: 16px;
  z-index: 10;
}
.pop-close:hover {
  transform: rotate(180deg);
}
.informate-list.article-block li {
  display: block;
  visibility: hidden;
  clip-path: inset(0 100% 0 0);
  transition: 1.3s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.informate-list.articleShow li {
  visibility: visible;
  clip-path: inset(0 0 0 0);
}
.pbanner {
  position: relative;
  overflow: hidden;
}
.pbanner figure {
  display: block;
  line-height: 1;
  overflow: hidden;
}
.pbanner figure img {
  display: block;
  position: relative;
  line-height: 1;
  width: 100%;
  height: auto;
}
.ptext {
  position: absolute;
  left: 50%;
  margin-left: -45%;
  top: 50%;
  transform: translateY(-50%);
  width: 90%;
  text-align: center;
}
.ptext strong {
  display: block;
  margin-bottom: 25px;
  line-height: 1.1;
  color: #fff;
  font-size: 4.427vw;
  opacity: 0;
}
.ptext p {
  color: #fff;
  font-size: 30px;
  line-height: 1.5;
  opacity: 0;
}
.smart {
  padding: 49px 0 52px;
  background: #F5F5F6;
}
.smart .smart-wrap P {
  font-size: 24px;
}
.smart-wrap strong {
  display: block;
  margin-bottom: 36px;
  line-height: 1.1;
  color: #333333;
  font-size: 40px;
  text-align: center;
}
.smart-wrap p {
  color: #333333;
  font-size: 18px;
  line-height: 1.6;
}
.future .smart-wrap p {
  font-size: 18px;
}
.future {
  padding: 90px 0 0;
}
.future-flex {
  position: relative;
  margin-top: 100px;
  padding-bottom: 72.88%;
}
.future-dc {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}
.future-dc1 {
  display: block;
  position: absolute;
  left: 11.34%;
  top: 24.77%;
  width: 72.75%;
}
.future-dc2 {
  display: block;
  position: absolute;
  left: 38.11%;
  top: 24.498%;
  width: 23.55%;
}
.future-dc3 {
  display: block;
  position: absolute;
  width: 47.682%;
  left: 25.98%;
  top: 12.26%;
}
.future-text {
  display: block;
  position: absolute;
  left: 28.32%;
  top: 26.48%;
  width: 42.572%;
}
.fonts {
  display: block;
  width: 5.543%;
  position: absolute;
  left: 27.19%;
  top: 21.47%;
}
.future-dc4 {
  display: block;
  position: absolute;
  left: 36.72%;
  top: 9.91%;
  width: 26.54%;
}
.future-dc5 {
  display: block;
  position: absolute;
  left: 39.58%;
  top: 4.07%;
  width: 20.918%;
}
.future-text1 {
  display: block;
  width: 18.189%;
  position: absolute;
  left: 40.84%;
  top: 1.179%;
}
.worth {
  padding: 68px 0 130px;
  background: #F5F5F6;
}
.worth-title {
  line-height: 1;
  text-align: center;
  color: #333333;
  font-size: 40px;
  font-weight: bold;
  opacity: 0;
}
.worth-list {
  margin-top: 82px;
  display: flex;
  flex-wrap: wrap;
}
.worth-list li {
  margin-right: 1.78666%;
  width: 23.66%;
  box-shadow: 0 8px 20px rgba(33, 122, 241, 0.16);
  text-align: center;
  background-color: none;
}
.worth-list li:nth-child(4n+4) {
  margin-right: 0;
}
.worth-list li strong {
  display: inline-block;
  position: relative;
  margin: auto;
  padding: 0 35px;
  box-sizing: border-box;
  margin-top: 36px;
  min-width: 155px;
  height: 37px;
  line-height: 37px;
  background: #1F90D0;
  border-radius: 19px;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
}
.worth-list li strong:before {
  position: absolute;
  left: 50%;
  top: -35px;
  content: "";
  width: 1px;
  height: 35px;
  background: #1F90D0;
}
.worth-list li:hover .worth-top b img {
  transform: rotateY(-180deg);
}
.worth-wr {
  padding: 36px 0;
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  height: 100%;
}
.worth-top {
  position: relative;
  margin: auto;
  width: 89px;
  height: 89px;
  border-radius: 50%;
  border: 3px solid #1F90D0;
  z-index: 3;
}
.worth-top:before {
  position: absolute;
  left: -10%;
  top: 50%;
  margin-top: -2.5px;
  content: "";
  width: 120%;
  height: 5px;
  background: #fff;
}
.worth-top:after {
  position: absolute;
  top: -10%;
  left: 50%;
  margin-left: -2.5px;
  content: "";
  width: 5px;
  height: 120%;
  background: #fff;
}
.worth-top b {
  display: block;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  margin-left: -43.25%;
  margin-top: -43.25%;
  width: 86.5%;
  height: 86.5%;
  border-radius: 50%;
  background: #1F90D0;
  text-align: center;
}
.worth-top b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  transition: 0.35s;
}
.worth-info {
  padding: 40px 30px 25px;
  min-height: 200px;
  text-align: left;
}
.worth-info p {
  color: #666666;
  font-size: 16px;
}
.industry-case {
  padding-top: 68px;
}
.industrys {
  position: relative;
  margin-top: 53px;
}
.industry-list {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.industry-list li {
  position: relative;
  z-index: 2;
  flex: 1;
  overflow: hidden;
  perspective: 1000px;
}
.industry-list li figure {
  display: block;
  width: 100%;
  height: auto;
  line-height: 1;
}
.industry-list li figure img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.7s;
}
.industry-list li:hover figure img {
  transform: scale(1.05);
}
.industry-list li:hover:before {
  opacity: 1;
  visibility: visible;
  transform: rotateY(0deg);
}
.industry-list li:hover .industry-info {
  bottom: 50%;
  transform: translateY(50%);
}
.industry-list li:hover .industry-info p,
.industry-list li:hover .industry-info span {
  opacity: 1;
  visibility: visible;
}
.industry-list li:before {
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: left center;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(31, 144, 208, 0.34);
  transition: 0.68s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  visibility: hidden;
  opacity: 0;
  transform: rotateY(90deg);
  z-index: 3;
}
.industry-info {
  position: absolute;
  left: 10.83%;
  right: 10.83%;
  bottom: -170px;
  transition: 0.78s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  z-index: 5;
}
.industry-info strong {
  display: block;
  position: relative;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 32px;
  line-height: 1;
  color: #fff;
  font-size: 24px;
  font-weight: normal;
}
.industry-info strong:before {
  position: absolute;
  left: 50%;
  margin-left: -13px;
  bottom: 0;
  content: "";
  width: 26px;
  height: 4px;
  background: #fff;
}
.industry-info p {
  margin-bottom: 50px;
  height: 100px;
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.industry-info span {
  display: block;
  margin: auto;
  width: 183px;
  height: 47px;
  text-align: center;
  line-height: 47px;
  border-radius: 24px;
  background: #1F90D0;
  color: #fff;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.industry-info span:hover {
  background: rgba(31, 144, 208, 0.8);
}
.innovate {
  padding: 70px 0 100px;
}
.innovate-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
.innovate-list li {
  margin-right: 1.76%;
  position: relative;
  width: 32.16%;
}
.innovate-list li:nth-child(3n+3) {
  margin-right: 0;
}
.innovate-list li figure {
  border-radius: 8px;
  position: relative;
  display: block;
  padding-bottom: 62.953%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.innovate-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.innovate-list li figure img {
  border-radius: 8px;
}
.innovate-list li:hover figure img {
  transform: scale(1.06);
}
.innovate-list li span {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 36px 0 21px;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
  line-height: 1.1;
  color: #fff;
  font-size: 16px;
  text-align: center;
  border-radius: 0 0 8px 8px;
}
.future-flex.article-block .future-dc {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-80%);
  transition: 1s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.article-block .future-dc1 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-80%);
  transition: 1s 0.5s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.article-block .future-dc2 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-80%);
  transition: 1s 1s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.article-block .future-dc3 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-80%);
  transition: 1s 1.5s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.article-block .future-text {
  clip-path: inset(0 100% 0 0);
  transition: 1.25s 1.5s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.article-block .fonts {
  clip-path: inset(0 100% 0 0);
  transition: 0.5s 1.5s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.article-block .future-dc4 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-80%);
  transition: 1s 2s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.article-block .future-dc5 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-80%);
  transition: 1s 2.4s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.article-block .future-text1 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50%);
  transition: 0.78s 3.2s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.articleShow .future-dc,
.future-flex.articleShow .future-dc1,
.future-flex.articleShow .future-dc2,
.future-flex.articleShow .future-dc3,
.future-flex.articleShow .future-dc4,
.future-flex.articleShow .future-dc5,
.future-flex.articleShow .future-text1 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.future-flex.articleShow .future-text,
.future-flex.articleShow .fonts {
  clip-path: inset(0 0 0 0);
}
.article-block.slideinset li {
  opacity: 0;
  clip-path: inset(0 100% 0 0);
  transition: 0.6s;
}
.article-block.slideinset li:nth-child(2) {
  transition-delay: 0.2s;
}
.article-block.slideinset li:nth-child(3) {
  transition-delay: 0.4s;
}
.article-block.slideinset li:nth-child(4) {
  transition-delay: 0.6s;
}
.worth-list.article-block li .worth-wr {
  opacity: 0;
  clip-path: inset(0 100% 0 0);
  transition: 0.6s;
}
.worth-list.article-block li:nth-child(2) .worth-wr {
  transition-delay: 0.2s;
}
.worth-list.article-block li:nth-child(3) .worth-wr {
  transition-delay: 0.4s;
}
.worth-list.article-block li:nth-child(4) .worth-wr {
  transition-delay: 0.6s;
}
.articleShow.slideinset li {
  opacity: 1;
  clip-path: inset(0 0 0 0);
}
.worth-list.articleShow li .worth-wr {
  opacity: 1;
  clip-path: inset(0 0 0 0);
}
.ptext1 {
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  text-align: left;
}
.ptext1 strong {
  font-size: 48px;
}
.ptext1 a {
  display: block;
  margin-top: 46px;
  width: 176px;
  height: 53px;
  line-height: 53px;
  text-align: center;
  border-radius: 27px;
  font-size: 18px;
  background: #1F90D0;
  color: #fff;
}
.ptext1 a:hover {
  background: rgba(31, 144, 208, 0.8);
}
.ptext1 a i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  color: #fff;
  font-size: 30px;
  font-style: normal;
}
.introduct-pt {
  padding-top: 44px;
}
.system {
  margin-top: 34px;
  text-align: center;
}
.system img {
  display: block;
  margin: auto;
  width: 81.91%;
}
.functions {
  padding: 66px 0 50px;
  background: #F5F5F6;
  overflow: hidden;
}
.functions-wrap {
  position: relative;
  width: 1200px;
  margin: auto;
  margin-top: 68px;
}
.functions-swiper {
  margin-left: 280px;
  position: relative;
}
.functions-slide {
  line-height: 1;
  transform: scale(0.8);
  opacity: 0.15;
  transition: 1s;
}
.functions-slide.swiper-slide-active {
  transform: scale(1);
  opacity: 1;
}
.functions-slide figure {
  display: block;
}
.functions-slide figure img {
  display: block;
  width: 100%;
  height: auto;
}
.functions-info {
  position: absolute;
  left: 0;
  top: 34px;
  z-index: 10;
  width: 260px;
}
.fun-slide {
  box-sizing: border-box;
  padding-left: 2px;
}
.fun-slide strong {
  display: block;
  position: relative;
  margin-bottom: 40px;
  padding-left: 22px;
  line-height: 1.2;
  color: #333333;
  font-size: 26px;
}
.fun-slide strong:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  content: "";
  width: 8px;
  height: 25px;
  background: #1F90D0;
}
.fun-slide p {
  color: #666666;
  font-size: 14px;
  line-height: 2;
}
.function-btn {
  margin-top: 44px;
  display: flex;
  justify-content: center;
}
.function-prev {
  margin-right: 17px;
  width: 53px;
  height: 53px;
  border: 2px solid #DCDCDC;
  text-align: center;
  line-height: 52px;
  color: #999999;
  font-size: 18px;
  cursor: pointer;
  transition: 0.4s;
}
.function-prev:hover {
  border-color: #1F90D0;
  color: #fff;
  background: #1F90D0;
}
.function-prev:last-child {
  margin-right: 0;
}
.advantage {
  background: #fff;
}
.implementate {
  padding: 62px 0 120px;
  background: #F5F5F6;
  overflow: hidden;
}
.implementate-li {
  margin-top: 45px;
  display: flex;
}
.implementate-li li {
  position: relative;
  padding: 31px 23px 28px 36px;
  flex: 1;
  margin-right: 24px;
  background: #333333;
}
.implementate-li li:nth-child(2n+2) {
  background: #fff;
}
.implementate-li li:nth-child(2n+2):before {
  border-left-color: #fff;
}
.implementate-li li:nth-child(2n+2) strong,
.implementate-li li:nth-child(2n+2) p {
  color: #333333;
}
.implementate-li li:first-child:after {
  display: none;
}
.implementate-li li:last-child:before {
  display: none;
}
.implementate-li li:before {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: -13px;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 13px solid #333333;
}
.implementate-li li:after {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 13px solid #F5F5F6;
}
.implementate-li li strong {
  display: block;
  margin-bottom: 24px;
  color: #fff;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2;
}
.implementate-li li p {
  width: 180px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
}
.caseyy {
  padding: 80px 0 30px;
}
.case-li {
  margin-top: 38px;
  display: flex;
  flex-wrap: wrap;
}
.case-li li {
  margin-right: 5.68%;
  margin-bottom: 50px;
  width: 47.16%;
}
.case-li li figure {
  position: relative;
  display: block;
  padding-bottom: 53.35%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.case-li li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.case-li li:nth-child(2n+2) {
  margin-right: 0;
}
.case-li li a:hover figure img {
  transform: scale(1.08);
}
.case-li li span {
  display: block;
  margin-top: 13px;
  line-height: 1.2;
  text-align: center;
  color: #333333;
  font-size: 24px;
}
.case-text {
  padding-top: 20px;
}
.case-text strong {
  display: block;
  margin-bottom: 22px;
  line-height: 1.2;
  color: #333333;
  font-size: 24px;
  font-weight: normal;
}
.case-text p {
  color: #999999;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.article-block.slideList li,
.article-block.slideList > div {
  opacity: 0;
  transform: translateX(100px);
  transition: 0.6s;
}
.article-block.slideList li:nth-child(2),
.article-block.slideList > div:nth-child(2) {
  transition-delay: 0.2s;
}
.article-block.slideList li:nth-child(3),
.article-block.slideList > div:nth-child(3) {
  transition-delay: 0.4s;
}
.article-block.slideList li:nth-child(4),
.article-block.slideList > div:nth-child(4) {
  transition-delay: 0.6s;
}
.article-block.slideList li:nth-child(5),
.article-block.slideList > div:nth-child(5) {
  transition-delay: 0.8s;
}
.article-block.slideList li:nth-child(6),
.article-block.slideList > div:nth-child(6) {
  transition-delay: 1s;
}
.articleShow.slideList li,
.articleShow.slideList > div {
  opacity: 1;
  transform: translateX(0px);
}
.poo-message {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 199;
  opacity: 0;
  visibility: hidden;
  transition: 1s;
  pointer-events: none;
}
.poo-message.show {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}
.message-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -471px;
  transform: translateY(-50%);
  box-sizing: border-box;
  padding: 30px 42px 55px;
  width: 942px;
  background: #fff;
}
.message-top {
  margin-bottom: 35px;
  text-align: center;
}
.message-top strong {
  display: block;
  margin-bottom: 12px;
  color: #333333;
  font-size: 20px;
  line-height: 1.2;
}
.message-top p {
  color: #333333;
  font-size: 14px;
}
.message-top p a {
  color: #1F90D0;
}
.message-item {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.message-row {
  position: relative;
  width: 49.41%;
}
.message-row span {
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  width: 82px;
  text-align: right;
  line-height: 45px;
  color: #C8C8C8;
  font-size: 14px;
}
.message-row .text {
  padding: 0;
  padding-left: 86px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #E3E3E3;
  border-radius: 6px;
  width: 100%;
  box-sizing: border-box;
  color: #333333;
  transition: 0.3s;
}
.message-row .text:focus {
  border-color: #1F90D0;
}
.message-row1 {
  width: 100%;
}
.message-row1 .textarea {
  height: 150px;
  line-height: 1.5;
  padding-top: 12px;
  padding-right: 12px;
  resize: none;
}
.message-sub .sub {
  border: none;
  padding: 0;
  outline: none;
  width: 100%;
  height: 45px;
  line-height: 45px;
  background: #1F90D0;
  font-size: 20px;
  font-weight: bold;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-family: "SourceHanSansCN-Regular";
  transition: 0.35s;
}
.message-sub .sub:hover {
  background: rgba(31, 144, 208, 0.8);
}
.loaders {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 299;
}
.loaders .loader-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
}
.ptext1 p {
  font-size: 24px;
}
.introduct-pt1 {
  padding-bottom: 100px;
}
.pain {
  padding: 62px 0 105px;
}
.pain-list {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}
.pain-list li {
  width: 22.5%;
  text-align: center;
}
.pain-list li:hover b {
  transform: translateY(-6px);
}
.pain-list li b {
  display: block;
  position: relative;
  margin: auto;
  width: 102px;
  height: 102px;
  background: #1F90D0;
  border-radius: 50%;
  transition: 0.3s;
}
.pain-list li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.pain-list li strong {
  display: block;
  margin-top: 25px;
  margin-bottom: 22px;
  line-height: 1.2;
  color: #333333;
  font-size: 22px;
  font-weight: normal;
}
.pain-list li p {
  color: #666666;
  font-size: 16px;
  text-align: left;
}
.introdus p {
  font-size: 18px;
}
.introduct-imgs {
  margin-top: 62px;
}
.introduct-imgs img {
  max-width: 100%;
  margin: auto;
  width: auto;
  height: auto;
}
.functions1 {
  background: #fff;
}
.other-case {
  background: #F5F5F6;
}
.product-title strong {
  font-size: 2.5vw;
}
.product-title p {
  font-size: 16px;
}
.leval-menu-box {
  border-bottom: 1px solid #D8D8D8;
}
.leval-menu-lists {
  display: flex;
  justify-content: center;
}
.leval-menu-lists li {
  margin-right: 90px;
}
.leval-menu-lists li:last-child {
  margin-right: 0;
}
.leval-menu-lists li:hover a:before,
.leval-menu-lists li.active a:before {
  visibility: visible;
  transform: scaleX(1);
}
.leval-menu-lists li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  height: 80px;
  color: #999999;
  font-size: 16px;
  text-align: center;
}
.leval-menu-lists li a:before {
  position: absolute;
  left: 0;
  bottom: -1px;
  content: "";
  width: 100%;
  height: 2px;
  background: #2A6AB2;
  transform: scaleX(0);
  visibility: hidden;
  transition: 0.4s;
}
.product-view {
  padding: 56px 0 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.proimgs {
  width: 49.08%;
}
.proimgs img {
  display: block;
  width: 100%;
  height: auto;
}
.product-fix {
  width: 46.08%;
}
.product-fix strong {
  display: block;
  margin-bottom: 40px;
  line-height: 1.2;
  color: #333333;
  font-size: 30px;
}
.product-fix p {
  color: #444444;
  font-size: 16px;
}
.characteristic {
  padding: 64px 0 150px;
  background: #F5F5F6;
}
.characteristic-wrap strong {
  display: block;
  margin-bottom: 35px;
  line-height: 1.2;
  color: #333333;
  font-size: 30px;
}
.characteristic-wrap p {
  color: #444444;
  font-size: 16px;
}
.leval-menu-lists1 {
  margin: auto;
  width: 1384px;
  max-width: 88%;
  justify-content: space-between;
}
.leval-menu-lists1 li {
  margin-right: auto;
}
.case-box {
  padding: 88px 0 150px;
  background: #F9F9F9;
}
.case-wrap {
  margin: auto;
  max-width: 88%;
  width: 1384px;
}
.caselist {
  padding-bottom: 50px;
}
.caselist li {
  margin-bottom: 46px;
  display: flex;
  flex-direction: row-reverse;
}
.caselist li:nth-child(2n+2) {
  flex-direction: row;
}
.caselist li:nth-child(2n+2) .case-content:before {
  border-left: none;
  border-right: 20px solid #fff;
  right: auto;
  left: -20px;
  z-index: 3;
}
.caselist li:hover figure img {
  transform: scale(1.06);
}
.caselist li figure {
  display: block;
  position: relative;
  width: 64.8%;
  overflow: hidden;
  cursor: pointer;
}
.caselist li figure .videos {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}
.caselist li figure img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.78s;
}
.caselist li figure b {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -31px;
  margin-top: -31px;
  width: 63px;
  height: 63px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  z-index: 3;
  text-align: center;
  line-height: 63px;
}
.case-content {
  box-sizing: border-box;
  position: relative;
  padding: 36px 52px 0;
  width: 35.2%;
  background: #fff;
}
.case-content:before {
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -16px;
  content: "";
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 20px solid #fff;
}
.case-content strong {
  display: block;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 52px;
  line-height: 1.2;
  color: #333333;
  font-size: 30px;
  font-weight: normal;
}
.case-content strong:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 56px;
  height: 1px;
  background: #707070;
}
.case-content p {
  color: #999999;
  font-size: 16px;
}
.case-loader {
  text-align: center;
}
.case-loader a {
  display: inline-block;
  width: 181px;
  height: 45px;
  line-height: 45px;
  border-radius: 24px;
  text-align: center;
  border: 1px solid #999999;
  color: #999999;
  font-size: 14px;
}
.case-loader a:hover {
  border-color: #1F90D0;
  background: #1F90D0;
  color: #fff;
}
.case-pop .case-title {
  display: block;
  text-align: center;
  margin-bottom: 36px;
  line-height: 1;
  color: #fff;
  font-size: 30px;
  font-weight: normal;
}
.case-slide {
  float: left;
  position: relative;
}
.case-slide figure {
  display: block;
  line-height: 1;
}
.case-slide figure img {
  display: block;
  width: 100%;
  height: auto;
}
.case-slide figure p {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 8;
  padding: 36px 22px 24px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%);
}
.case-min {
  position: relative;
  margin: auto;
  margin-top: 14px;
  padding: 0 26px;
  box-sizing: border-box;
  width: 570px;
}
.case-img-min {
  float: left;
  cursor: pointer;
}
.case-img-min.slick-current figure:before {
  opacity: 1;
  visibility: visible;
}
.case-img-min figure {
  position: relative;
  margin: 0 6px;
  cursor: pointer;
  overflow: hidden;
}
.case-img-min figure:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #1F90D0;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.case-img-min figure img {
  display: block;
  width: 100%;
  height: auto;
}
.case-btn {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  cursor: pointer;
  color: #fff;
  line-height: 1;
  font-size: 20px;
  transition: 0.4s;
}
.case-btn:hover {
  color: #1F90D0;
}
.case-btn.prev {
  left: 0;
}
.case-btn.next {
  right: 0;
}
.news-title strong {
  font-size: 3.125vw;
}
.news-box {
  padding: 64px 0 7.7vw;
}
.news-list {
  padding-bottom: 60px;
}
.news-list li {
  position: relative;
  z-index: 2;
  margin-bottom: 53px;
}
.news-list li:before {
  content: "";
  width: 100%;
  height: 0;
  background: #F5F5F6;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.65s;
  z-index: -1;
}
.news-list li:hover,
.news-list li.active {
  color: #F5F5F6;
}
.news-list li:hover:before,
.news-list li.active:before {
  height: 100%;
  bottom: auto;
  top: 0;
}
.news-list li:hover figure img {
  transform: scale(1.08);
}
.news-list li:hover .news-fix:before {
  width: 100%;
}
.news-list li:hover .news-fix strong {
  color: #1F90D0;
}
.news-wrap {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  cursor: pointer;
}
.news-wrap figure {
  display: block;
  width: 45.83%;
  line-height: 1;
  overflow: hidden;
}
.news-wrap figure img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.45s;
}
.news-fix {
  position: relative;
  margin-top: 23px;
  padding-top: 44px;
  width: 45.83%;
  border-top: 4px solid #333333;
}
.news-fix:before {
  position: absolute;
  left: 0;
  top: -4px;
  content: "";
  width: 0;
  height: 4px;
  background: #1F90D0;
  transition: 0.65s;
}
.news-fix strong {
  display: block;
  margin-bottom: 18px;
  line-height: 1.2;
  color: #333333;
  font-size: 28px;
  font-family: "PuHuiTi", sans-serif;
  transition: 0.4s;
}
.news-fix p {
  color: #666666;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: "PuHuiTi", sans-serif;
}
.news-fix time {
  display: block;
  position: absolute;
  left: 0;
  bottom: 34px;
  color: #BFBFBF;
  font-size: 16px;
  line-height: 1;
  font-family: "PuHuiTi", sans-serif;
}
.page {
  display: flex;
  justify-content: center;
}
.page a {
  display: inline-block;
  margin-right: 5px;
  width: 39px;
  height: 39px;
  border: 1px solid #DEDEDE;
  text-align: center;
  line-height: 39px;
  color: #464646;
  font-size: 14px;
}
.page a:first-child,
.page a:last-child {
  width: 86px;
  font-size: 20px;
  font-weight: bold;
  color: #B9B9B9;
}
.page a:last-child {
  margin-right: 0;
}
.page a:hover,
.page a.active {
  background: #1F90D0;
  color: #fff;
  border-color: #1F90D0;
  font-family: "PuHuiTi", sans-serif;
}
.news-view {
  display: flex;
}
.news-left {
  flex: 1;
  padding-right: 45px;
  border-right: 1px solid #E1E1E1;
}
.news-titles {
  padding: 68px 0;
}
.news-titles strong {
  display: block;
  margin-bottom: 20px;
  line-height: 1.2;
  color: #333333;
  font-size: 40px;
  font-family: "PuHuiTi", sans-serif;
}
.news-titles span {
  display: block;
  margin-right: 20px;
  line-height: 1;
  color: #333333;
  font-size: 14px;
  font-family: "PuHuiTi", sans-serif;
}
.news-titles span:last-child {
  margin-right: 0;
}
.news-time {
  display: flex;
}
.news-info {
  color: #666666;
  font-size: 16px;
  line-height: 2;
  font-family: "PuHuiTi", sans-serif;
}
.news-info img {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}
.news-page {
  padding: 128px 0 80px;
  width: 1200px;
margin: 0px auto;
}
.news-page p:first-child {
  margin-bottom: 20px;
}
.news-page p a {
  display: inline-block;
  color: #999999;
  font-size: 16px;
}
.news-page p a:hover {
  color: #1F90D0;
}
.news-commend {
  box-sizing: border-box;
  padding-left: 45px;
  padding-top: 68px;
  padding-bottom: 30px;
  width: 330px;
}
.recommend-tt {
  margin-bottom: 30px;
  color: #333333;
  font-size: 24px;
  font-weight: normal;
}
.recommend-list li {
  margin-bottom: 30px;
}
.recommend-list li a:hover figure img {
  transform: scale(1.08);
}
.recommend-list li a:hover p {
  color: #1F90D0;
}
.recommend-list li figure {
  display: block;
  overflow: hidden;
}
.recommend-list li figure img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.68s;
}
.recommend-list li p {
  margin-top: 18px;
  color: #333333;
  font-size: 16px;
  transition: 0.38s;
}
.eqs {
  text-align: center;
  padding-top: 12px;
}
.eqs figure {
  display: block;
  line-height: 1;
  text-align: center;
}
.eqs figure img {
  display: block;
  margin: auto;
  width: 152px;
  max-width: 80%;
}
.eqs p {
  color: #999999;
  font-size: 16px;
}
.about-vbtn {
  margin: auto;
  margin-top: 54px;
  width: 69px;
  height: 69px;
  text-align: center;
  line-height: 69px;
  border-radius: 50%;
  color: #1F90D0;
  font-size: 18px;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
.company-introduct {
  padding: 5vw 0;
}
.company-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.company-imgs {
  width: 42.08%;
}
.company-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 116.8%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.company-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.company-imgs figure img {
  top: -10%;
  height: 110%;
  transition: 0s;
}
.company-fix {
  padding-top: 34px;
  width: 52.75%;
}
.about-tit strong {
  display: block;
  margin-bottom: 15px;
  line-height: 1;
  color: #333333;
  color: #d32222;
  font-size: 48px;
  font-family: "PuHuiTi", sans-serif;
  opacity: 0;
}
.about-tit small {
  display: block;
  line-height: 1;
  color: #333333;
  font-size: 27px;
  font-family: "PuHuiTi", sans-serif;
  opacity: 0;
}
.about-info {
  margin: 52px 0;
}
.about-info p {
  color: #333333;
  font-size: 24px;
  font-family: "PuHuiTi", sans-serif;
}
.about-texts p {
  color: #666666;
  font-size: 16px;
}
.about-data1 {
  margin-top: 48px;
  width: 100%;
}
.history {
  padding: 5.46% 0 6%;
  background: #ffffff;
}
.history-tab {
  position: relative;
  z-index: 2;
  margin-top: 4vw;
}
.history-tab:before {
  position: absolute;
  left: 0;
  top: 66px;
  content: "";
  width: 100%;
  height: 1px;
  background: #999999;
  opacity: 0.6;
  z-index: -1;
}
.history-wrap {
  position: relative;
}
.history-numble {
  position: relative;
  width: 75px;
  padding-top: 12px;
  opacity: 0;
  visibility: hidden;
}
.history-numble:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 10px;
  content: "";
  width: 100%;
  height: 3px;
  background: #999999;
}
.history-numble span {
  display: block;
  text-align: center;
  color: #999999;
  font-size: 12px;
  font-family: "Gilroy";
  line-height: 1;
}
.history-numble span:first-child {
  margin-bottom: 62px;
}
.history-year {
  margin-top: 37px;
  display: flex;
}
.year-slide {
  display: flex;
  justify-content: space-between;
}
.year-slide.swiper-slide-active p {
  opacity: 1;
  transform: scale(1);
}
.year-slide.swiper-slide-active .history-info {
  opacity: 1;
  visibility: visible;
}
.year-slide p {
  color: #333333;
  font-size: 5.3125vw;
  line-height: 1;
  font-family: "Gilroy";
  transition: 0.5s;
}
.history-info {
  width: 54.91%;
  padding-top: 18px;
  transition: 0.5s;
}
.history-info span {
  display: block;
  color: #666666;
  font-size: 16px;
}
.history-swiper {
  display: flex;
  overflow: hidden;
}
.history-slide {
  width: 20%;
  text-align: center;
  cursor: pointer;
}
.history-slide:hover time {
  color: #1F90D0;
}
.history-slide:hover b:before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  background: rgba(31, 144, 208, 0.33);
}
.history-slide:hover b i {
  border-color: #1F90D0;
}
.history-slide:hover b i:before {
  background: #1F90D0;
}
.history-slide time {
  display: block;
  margin-bottom: 18px;
  line-height: 1;
  color: #999999;
  font-size: 22px;
  font-family: "PuHuiTi", sans-serif;
  transition: 0.35s;
}
.history-slide p {
  margin: auto;
  margin-top: 20px;
  color: #333333;
  font-size: 15px;
  text-align: left;
  font-family: "PuHuiTi", sans-serif;
}
.history-slide b {
  display: block;
  position: relative;
  z-index: 3;
  margin: auto;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  transition: 0.35s;
}
.history-slide b:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 50%;
  background: rgba(191, 191, 191, 0.33);
  transition: 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.history-slide b i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -9px;
  width: 16px;
  height: 16px;
  border: 1px solid #BFBFBF;
  border-radius: 50%;
  transition: 0.3s;
}
.history-slide b i:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -4px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #BFBFBF;
  transition: 0.3s;
}
.history-btns {
  position: absolute;
  left: -70px;
  right: -70px;
  height: 0px;
  top: 42px;
  z-index: 5;
  display: flex;
  justify-content: space-between;
}
.history-btns span {
  display: block;
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  background: #DCDCDC;
  border-radius: 50%;
  color: #999999;
  font-size: 16px;
  cursor: pointer;
  transition: 0.45s;
}
.history-btns span.prev {
  left: 0;
}
.history-btns span.next {
  right: 0;
}
.history-btns span:hover {
  background: #1F90D0;
  color: #fff;
}
.history-btns span:last-child {
  margin-bottom: 0;
}
.culture-box {
  padding: 70px 0 7.81vw;
}
.about-center {
  text-align: center;
}
.culture {
  position: relative;
  margin-top: 80px;
  text-align: center;
}
.culture-imgs {
  display: inline-block;
  margin: auto;
}
.culture-imgs img {
  display: block;
  width: 488px;
  max-width: 100%;
  animation: grayscales 2s linear infinite alternate;
}
@keyframes grayscales {
  0% {
    filter: grayscale(0%);
  }
  100% {
    filter: grayscale(100%);
  }
}
.culturn-info {
  position: absolute;
  top: 50%;
  margin-top: -65px;
  text-align: center;
}
.culturn-info.culturn-left {
  left: 0px;
}
.culturn-info.culturn-right {
  right: 0;
}
.culturn-info strong {
  display: block;
  margin-bottom: 32px;
  line-height: 1;
  color: #333333;
  font-size: 35px;
  font-family: "PuHuiTi", sans-serif;
}
.culturn-info p {
  color: #999999;
  font-size: 18px;
  font-family: "PuHuiTi", sans-serif;
}
.team-style {
  position: relative;
  z-index: 3;
  padding: 60px 0 110px;
}
.team-style:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 44%;
  background: #F6F6F6;
}
.team-tab {
  position: relative;
  margin-top: 62px;
}
.team-slide {
  overflow: hidden;
}
.team-slide figure {
  display: block;
  line-height: 1;
  overflow: hidden;
}
.team-slide figure img {
  display: block;
  width: 100%;
  height: auto;
}
.team-slide p {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 84px 20px 34px;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 14px;
  z-index: 3;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.67) 100%);
}
.team-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  width: 194px;
}
.team-prev.prev {
  left: 4.68%;
}
.team-prev.next {
  right: 4.68%;
}
.team-prev figure {
  display: block;
  position: relative;
  line-height: 1;
  overflow: hidden;
  padding-bottom: 53.3333%;
}
.team-prev figure:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.59);
}
.team-prev figure img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-prev figure i {
  display: block;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  margin-left: -11px;
  margin-top: -11px;
  line-height: 1;
  color: #fff;
  font-size: 23px;
}
.team-prev span {
  display: block;
  margin-top: 14px;
  color: #333333;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}
.join-us {
  padding: 88px 0 110px;
  background: #F6F6F6;
  overflow: hidden;
}
.join-tab {
  position: relative;
  margin-top: 49px;
}
.join-swiper {
  overflow: visible;
}
.join-slide {
  background: #fff;
  cursor: pointer;
  transition: 0.35s;
}
.join-top {
  padding: 42px 32px 0;
}
.join-top strong {
  display: block;
  line-height: 1.1;
  color: #444444;
  font-size: 23px;
  font-weight: normal;
}
.join-info {
  margin-top: 24px;
  height: 198px;
}
.join-info p {
  color: #666666;
  font-size: 16px;
}
.join-btn {
  border-top: 1px solid #DCDCDC;
  padding: 24px 25px;
  display: flex;
  justify-content: space-between;
  color: #999999;
  font-size: 14px;
  line-height: 1.5;
}
.join-prev {
  position: absolute;
  right: 0;
  top: -92px;
  display: flex;
}
.join-prev span {
  display: inline-block;
  cursor: pointer;
  transition: 0.35s;
  width: 38px;
  height: 26px;
  background: url(../images/prev1.png) left center no-repeat;
}
.join-prev span.next {
  margin-left: 50px;
  background: url(../images/next1.png) right center no-repeat;
}
.join-prev span:hover {
  width: 87px;
}
.contact-us {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.contact-map {
  position: relative;
  height: 620px;
  width: 54%;
}
.contact-info {
  width: 45%;
}
.contact-address {
  margin-top: 35px;
  margin-bottom: 40px;
}
.contact-address p {
  color: #666666;
  font-size: 16px;
  line-height: 2;
}
.contact-eq p {
  color: #999999;
  font-size: 18px;
}
.con-eq {
  display: inline-block;
  margin-top: 30px;
  width: 152px;
}
.con-eq img {
  display: block;
  width: 100%;
  height: auto;
}
.con-eq span {
  display: block;
  margin-top: 18px;
  text-align: center;
  color: #999999;
  font-size: 18px;
  line-height: 1.6;
}
.BMap_bubble_title {
  color: #1F90D0;
  font-size: 16px;
}
.anchorBL {
  display: none;
}
.pswiper {
  position: relative;
  z-index: 0;
}
.pswiper .swiper-pagination {
  bottom: 50px;
}
.pswiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 9px;
  width: 14px;
  height: 14px;
  opacity: 1;
  background: rgba(255, 255, 255, 0.5);
}
.pswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}
.pro-slide {
  overflow: hidden;
}
.ptext .contact-btn1 {
  background: rgba(0, 0, 0, 0.4);
}
.zhWidth {
  margin: auto;
  width: 1400px;
  max-width: 88%;
}
.core {
  padding: 68px 0 110px;
  background: #F6F6F6;
}
.core-title {
  text-align: center;
}
.core-title strong {
  display: block;
  margin-bottom: 18px;
  line-height: 1.1;
  color: #333333;
  font-size: 36px;
  font-weight: normal;
}

.core-title p {
  color: #999999;
  font-size: 18px;
  line-height: 1.5;
}
.core-list {
  margin-top: 56px;
  display: flex;
  justify-content: space-between;
}
.core-list li {
  padding: 30px 0 36px;
  border-radius: 8px;
  box-shadow: 0 8px 30px rgba(165, 165, 165, 0.22);
  width: 15.71%;
  text-align: center;
}
.core-list li:hover b {
  transform: translateY(-5px);
}
.core-list li:hover span {
  color: #1F90D0;
}
.core-list li b {
  display: block;
  position: relative;
  margin: auto;
  width: 125px;
  height: 125px;
  transition: 0.36s;
}
.core-list li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.core-list li span {
  display: block;
  margin-top: 26px;
  color: #999999;
  font-size: 18px;
  line-height: 1.2;
  transition: 0.35s;
}
.scene {
  padding: 70px 0 56px;
}
.scene-btns {
  margin-top: 62px;
  display: flex;
  flex-wrap: wrap;
}
.scene-btns span {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex: 1;
  border: 1px solid #E5E5E5;
  margin-left: -1px;
  color: #666666;
  font-size: 18px;
  cursor: pointer;
  height: 70px;
  transition: 0.38s;
}
.scene-btns span:before {
  content: "";
  width: 0;
  height: 6px;
  background: #00C9A1;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.scene-btns span:hover,
.scene-btns span.active {
  color: #00C9A1;
}
.scene-btns span:hover:before,
.scene-btns span.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.scene-btns span:before {
  border-radius: 3px;
  bottom: -1px;
}
.scene-content {
  position: relative;
  margin-top: 90px;
  max-width: 100%;
  display: inline-block;
}
.scene-imgs img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.scene-imgs img.ip {
  display: none;
}
.scene-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.scene-item {
  position: absolute;
  margin-left: -93px;
}
.scene-item.active span {
  background: none;
  transition: 0.4s 0s;
}
.scene-item.active span i:before {
  content: "-";
}
.scene-item span {
  display: block;
  position: relative;
  z-index: 3;
  cursor: pointer;
  width: 186px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 23px;
  color: #fff;
  background: linear-gradient(45deg, #00C9A1 0%, #1FA489 100%);
  font-size: 17px;
  font-weight: bold;
  transition: 0.4s 0.4s;
}
.scene-item span i {
  display: block;
  position: absolute;
  left: -11px;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.scene-item span i:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  content: "+";
  line-height: 1;
  color: #00C9A1;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  line-height: 22px;
  font-style: normal;
}
.scene-item1 {
  left: 67.34%;
  top: 23.76%;
}
.scene-down {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 49px;
  padding-bottom: 30px;
  border-radius: 23px;
  background: linear-gradient(to bottom, #00c9a1 0%, rgba(0, 201, 161, 0.25) 100%);
  text-align: center;
  display: none;
}
.scene-down p {
  color: #fff;
  font-size: 14px;
}
.scene-item2 {
  left: 46.2%;
  top: 18.84%;
}
.scene-item3 {
  top: 64.34%;
  left: 13.07%;
}
.scene-item4 {
  left: 96.71%;
  top: 13.333%;
}
.scene-item5 {
  left: 53.24%;
  top: 59.27%;
}
.scene-item6 {
  left: 20.04%;
  top: 6px;
}
.operate {
  background: #F6F6F6;
}
.operate-wrap {
  padding: 126px 0 114px;
  position: relative;
}
.operate-imgs {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 52.14%;
}
.operate-imgs img {
  display: block;
  width: 100%;
  height: auto;
}
.operate-left {
  width: 49.42%;
}
.operate-info {
  border-bottom: 1px solid rgba(190, 190, 190, 0.2);
  padding-bottom: 45px;
  margin-bottom: 60px;
}
.operate-info strong {
  display: block;
  margin-bottom: 35px;
  line-height: 1.1;
  color: #333333;
  font-size: 36px;
  font-weight: normal;
}
.operate-info p {
  color: #999999;
  font-size: 18px;
}
.operate-list {
  display: flex;
}
.operate-list:hover .operate-item {
  width: 25%;
}
.operate-item {
  position: relative;
  width: 33.333%;
  transition: 0.45s;
}
.operate-item:hover {
  flex: auto;
  width: 50%;
}
.operate-item:hover .operate-ins {
  opacity: 1;
  visibility: visible;
}
.operate-title {
  text-align: center;
  padding: 74px 0 15px;
}
.operate-title b {
  display: block;
  position: relative;
  text-align: center;
  margin: auto;
  width: 74px;
  height: 61px;
}
.operate-title b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.operate-title span {
  display: block;
  margin-top: 32px;
  line-height: 1.1;
  text-align: center;
  color: #333333;
  font-size: 24px;
}
.operate-ins {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 28px 15px 20px 22px;
  background: #fff;
  box-shadow: 0 8px 30px rgba(165, 165, 165, 0.22);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.operate-ins strong {
  display: block;
  position: relative;
  margin-bottom: 26px;
  padding-left: 27px;
  line-height: 1.2;
  color: #333333;
  font-size: 24px;
  font-weight: normal;
}
.operate-ins strong:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  content: "";
  width: 11px;
  height: 11px;
  border: 3px solid #00C9A1;
  border-radius: 50%;
}
.operate-ins p {
  color: #999999;
  font-size: 18px;
}
.provide {
  padding: 68px 0 100px;
}
.provide-btn {
  margin: 42px 0 80px;
  display: flex;
}
.provide-btn span {
  display: block;
  position: relative;
  z-index: 2;
  cursor: pointer;
  flex: 1;
  height: 71px;
  line-height: 71px;
  color: #666666;
  font-size: 18px;
  background: #F6F6F6;
  text-align: center;
}
.provide-btn span:before {
  content: "";
  width: 0;
  height: 6px;
  background: #00C9A1;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.5s;
  z-index: -1;
}
.provide-btn span:hover,
.provide-btn span.active {
  color: #00C9A1;
}
.provide-btn span:hover:before,
.provide-btn span.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.provide-btn span:before {
  border-radius: 3px;
}
.provide-btn span:hover,
.provide-btn span.active {
  background: #fff;
  color: #666666;
}
.provide-item {
  display: none;
}
.provide-item:first-child {
  display: block;
}
.provide-list {
  display: flex;
  flex-wrap: wrap;
}
.provide-list li {
  position: relative;
  margin-right: 1.79%;
  margin-bottom: 23px;
  width: 32.14%;
}
.provide-list li:hover figure img {
  transform: scale(1.06);
}
.provide-list li:nth-child(3n+3) {
  margin-right: 0;
}
.provide-list li figure {
  border-radius: 8px;
  position: relative;
  display: block;
  padding-bottom: 54%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.provide-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.provide-list li span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 36px 10px 21px;
  box-sizing: border-box;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 15px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
  border-radius: 0 0 8px 8px;
}
.idea {
  padding: 60px 0 96px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.core-title1 strong,
.core-title1 p {
  color: #fff;
}
.idea-list {
  display: flex;
  margin-top: 62px;
}
.idea-list li {
  flex: 1;
  text-align: center;
}
.idea-list li:hover b {
  transform: translateY(-5px);
}
.idea-list li b {
  display: block;
  margin: auto;
  position: relative;
  text-align: center;
  width: 111px;
  height: 111px;
  transition: 0.4s;
}
.idea-list li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.idea-list li span {
  display: block;
  text-align: center;
  margin-top: 12px;
  line-height: 1.2;
  color: #fff;
  font-size: 18px;
}
.idea-btn {
  position: relative;
  top: 0;
  transform: translateY(0px);
  text-align: center;
}
.idea-btn a {
  margin: auto;
  margin-top: 78px;
}
.wisdom-t {
  margin-left: -600px;
  text-align: left;
}
.wisdom-t strong {
  font-size: 48px;
}
.wisdom-t p {
  font-size: 24px;
}
.wisdom-t a {
  display: block;
  margin-top: 48px;
  width: 176px;
  height: 53px;
  line-height: 53px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border-radius: 27px;
  background: #00C9A1;
}
.wisdom-t a:hover {
  background: rgba(0, 201, 161, 0.8);
}
.smart-wrap1 strong {
  font-size: 40px;
}
.smart-wrap1 p {
  font-size: 18px;
}
.framework {
  padding: 72px 0 115px;
  background: #F6F6F6;
}
.framework-wrap strong {
  display: block;
  margin-bottom: 42px;
  line-height: 1.2;
  color: #333333;
  font-size: 40px;
  text-align: center;
}
.framework-wrap figure {
  margin-top: 42px;
}
.framework-wrap figure img {
  display: block;
  width: 100%;
  height: auto;
}
.platform-value {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 90px;
}
.worth-title1 {
  color: #fff;
}
.platform-list {
  margin-top: 66px;
  display: flex;
}
.platform-list li {
  position: relative;
  z-index: 3;
  flex: 1;
  padding: 86px 0 190px;
  text-align: center;
}
.platform-list li:hover:before {
  bottom: auto;
  top: 0;
  height: 100%;
}
.platform-list li:hover b {
  transform: translateY(-5px);
}
.platform-list li:before {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  opacity: 0.15;
  content: "";
  width: 100%;
  height: 0;
  transition: 0.78s;
}
.platform-list li b {
  display: block;
  position: relative;
  margin: auto;
  text-align: center;
  width: 72px;
  height: 72px;
  transition: 0.38s;
}
.platform-list li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.platform-list li span {
  display: block;
  margin-top: 24px;
  position: relative;
  padding-bottom: 24px;
  line-height: 1;
  color: #fff;
  font-size: 18px;
}
.platform-list li span:before {
  position: absolute;
  left: 50%;
  margin-left: -12px;
  bottom: 0;
  content: "";
  width: 25px;
  height: 4px;
  background: #fff;
}
.wisdown-tt p {
  font-size: 18px;
}
.process {
  padding: 74px 0 34px;
  background: #F5F5F6;
  overflow: hidden;
}
.process-list {
  margin-top: 62px;
  display: flex;
}
.process-item {
  margin-left: 1.54666%;
  width: 26.16%;
}
.process-item:first-child {
  margin-left: 0;
}
.process-info {
  height: 68px;
  text-align: center;
}
.process-info p {
  color: #00C9A1;
  font-size: 18px;
  line-height: 1.5;
}
.process-line {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 44px;
}
.process-line:before {
  position: absolute;
  left: -30px;
  right: -30px;
  top: -18px;
  bottom: -18px;
  content: "";
  z-index: -1;
  background: url(../img/step1.png) center no-repeat;
  background-size: cover !important;
}
.process-line b {
  display: block;
  line-height: 40px;
  color: #fff;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: normal;
}
.process-item:nth-child(2) .process-line:before {
  background: url(../img/step2.png) center no-repeat;
}
.process-item:nth-child(3) .process-line:before {
  background: url(../img/step3.png) center no-repeat;
}
.process-item:nth-child(4) .process-line:before {
  background: url(../img/step4.png) center no-repeat;
}
.process-dit {
  position: relative;
  margin: auto;
  width: 1px;
  height: 40px;
  background: #BFBFBF;
}
.process-dit:before {
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -12px;
  content: "";
  width: 12px;
  height: 12px;
  background: #BFBFBF;
  border-radius: 50%;
}
.process-down {
  margin: auto;
  margin-top: 22px;
  max-width: 90%;
  width: 215px;
}
.process-down figure {
  margin-bottom: 22px;
  text-align: center;
  height: 136px;
}
.process-down figure img {
  margin: auto;
  height: auto;
  max-width: 60%;
}
.procee-in p {
  color: #999999;
  font-size: 16px;
  line-height: 1.5;
}
.reporting {
  padding: 88px 0 110px;
}
.reporting-tab {
  position: relative;
  margin-top: 54px;
}
.reporting-swiper {
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px 20px;
}
.report-slide {
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 201, 161, 0.16);
}
.report-slide:hover figure img {
  transform: scale(1.06);
}
.report-slide figure {
  display: block;
  line-height: 1;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.report-slide figure img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.65s;
}
.report-text {
  padding: 28px 32px 20px;
  background: #fff;
  border-radius: 0 0 8px 8px;
  text-align: center;
}
.report-text strong {
  display: block;
  position: relative;
  padding-bottom: 21px;
  line-height: 1.2;
  color: #00C9A1;
  font-size: 22px;
}
.report-text strong:before {
  position: absolute;
  left: 50%;
  margin-left: -11px;
  bottom: 0;
  content: "";
  width: 23px;
  height: 5px;
  background: #00C9A1;
}
.report-info {
  margin-top: 22px;
  height: 80px;
  text-align: center;
}
.report-info p {
  color: #999999;
  font-size: 16px;
}
.report-btn {
  position: absolute;
  top: 111px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  z-index: 10;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
  background: #DCDCDC;
  font-weight: bold;
  transition: 0.4s;
}
.report-btn:hover {
  background: #00C9A1;
  color: #fff;
}
.report-btn.prev {
  left: -82px;
}
.report-btn.next {
  right: -82px;
}
.trade {
  margin-top: 68px;
  display: flex;
  justify-content: center;
}
.trade li {
  margin-right: 21.6%;
  text-align: center;
}
.trade li:last-child {
  margin-right: 0;
}
.trade li:hover b {
  transform: translateY(-4px);
}
.trade li b {
  display: block;
  position: relative;
  margin: auto;
  width: 72px;
  height: 70px;
  text-align: center;
  transition: 0.4s;
}
.trade li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.trade li span {
  display: block;
  text-align: center;
  margin-top: 23px;
  line-height: 1;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
}
.process-list1 {
  align-items: flex-start;
}
.process-list1 .process-item {
  padding-top: 152px;
}
.process-list1 .process-item:nth-child(2n+2) {
  display: flex;
  flex-direction: column-reverse;
  padding-top: 0;
}
.process-list1 .process-item:nth-child(2n+2) .process-dit:before {
  bottom: auto;
  top: -12px;
}
.process-list1 .process-item:nth-child(2n+2) .process-info {
  padding-top: 14px;
}
.wisdowm-tt {
  margin: auto;
  width: 940px;
  max-width: 100%;
}
.smart-wrap .wisdowm-tt strong {
  font-size: 35px;
}
.smart-wrap .wisdowm-tt p {
  font-size: 16px;
}
.electronics {
  padding: 45px 0 150px;
}
.electronics-info {
  position: relative;
  margin-top: 58px;
  text-align: center;
}
.electronics-ip {
  position: relative;
  margin: auto;
  display: inline-block;
  width: 290px;
  text-align: center;
  max-width: 100%;
}
.electronics-ip span {
  display: block;
  margin-top: 32px;
  line-height: 1;
  color: #BFBFBF;
  font-size: 18px;
}
.electronics-ip img {
  position: relative;
  top: 80px;
  display: block;
  width: 100%;
  height: auto;
}
.electronics-left {
  left: 14.58%;
}
.electronics-right {
  right: 14.58%;
}
.electronics-li {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.electronics-li li {
  margin-bottom: 22px;
  display: flex;
  align-items: center;
}
.electronics-li li:last-child {
  margin-bottom: 0;
}
.electronics-li li:nth-child(2) b {
  background: rgba(153, 120, 247, 0.2);
}
.electronics-li li:nth-child(3) b {
  background: rgba(254, 173, 64, 0.2);
}
.electronics-li li:nth-child(4) b {
  background: rgba(254, 100, 138, 0.2);
}
.electronics-li li:nth-child(5) b {
  background: rgba(24, 163, 255, 0.2);
}
.electronics-li li b {
  display: block;
  position: relative;
  text-align: center;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background: rgba(0, 201, 161, 0.2);
}
.electronics-li li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.electronics-li li span {
  display: block;
  margin-left: 20px;
  color: #333333;
  font-size: 18px;
}
.article-block.slidetlist li,
.article-block.slidetlist > div {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: 0.78s;
}
.article-block.slidetlist li:nth-child(2),
.article-block.slidetlist > div:nth-child(2) {
  transition-delay: 0.2s;
}
.article-block.slidetlist li:nth-child(3),
.article-block.slidetlist > div:nth-child(3) {
  transition-delay: 0.4s;
}
.article-block.slidetlist li:nth-child(4),
.article-block.slidetlist > div:nth-child(4) {
  transition-delay: 0.6s;
}
.article-block.slidetlist li:nth-child(5),
.article-block.slidetlist > div:nth-child(5) {
  transition-delay: 0.8s;
}
.article-block.slidetlist li:nth-child(6),
.article-block.slidetlist > div:nth-child(6) {
  transition-delay: 1s;
}
.article-block.slidetlist li:nth-child(7),
.article-block.slidetlist > div:nth-child(7) {
  transition-delay: 1.2s;
}
.articleShow.slidetlist li,
.articleShow.slidetlist > div {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.deal {
  padding: 60px 0 74px;
  background-position: center;
  background-size: cover;
}
.deal-list {
  margin-top: 56px;
  padding: 0 7.333%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.deal-item {
  flex: 1;
  padding: 48px 0 88px;
  text-align: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.35);
  box-shadow: 0 8px 20px rgba(0, 201, 161, 0.16);
  transition: background 0.5s 0s !important;
}
.deal-item:hover {
  background: #fff;
  transition: background 0.5s 0s !important;
}
.deal-item:hover b,
.deal-item:hover span {
  color: #00C9A1;
}
.deal-item b {
  display: block;
  line-height: 1;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: normal;
  transition: 0.35s;
}
.deal-item span {
  display: block;
  margin-top: 32px;
  line-height: 1;
  color: #FFFFFF;
  font-size: 18px;
  transition: 0.35s;
}
.deal-arrow {
  flex: 1;
  text-align: center;
  color: #fff;
  font-size: 40px;
}
.kern {
  padding: 70px 0 80px;
}
.kern-wrap {
  margin-top: 58px;
  display: flex;
  justify-content: space-between;
}
.kern-item {
  width: 55.555%;
}
.kern-item img {
  display: block;
  width: 100%;
  height: auto;
}
.kern-item:nth-child(2) {
  width: 42%;
}
.supervise {
  padding: 50px 0 105px;
}
.supervise-imgs {
  margin-top: 50px;
}
.supervise-imgs img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.security {
  padding: 68px 0 80px;
  background: #F5F5F6;
}
.platform-li {
  margin-top: 70px;
  display: flex;
  justify-content: center;
}
.platform-li li {
  margin-right: 66px;
  padding: 26px 0 20px;
  width: 262px;
  text-align: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.35);
}
.platform-li li:hover b {
  transform: translateY(-6px);
}
.platform-li li:last-child {
  margin-right: 0;
}
.platform-li li b {
  display: block;
  position: relative;
  margin: auto;
  width: 66px;
  height: 64px;
  text-align: center;
  transition: 0.38s;
}
.platform-li li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.platform-li li strong {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 1;
  color: #fff;
  font-size: 22px;
  font-weight: normal;
}
.platform-li li p {
  color: #fff;
  font-size: 14px;
}
.platform-value1 {
  padding: 90px 0 140px;
}
.form-box {
  padding: 88px 0 96px;
}
.form-list {
  display: flex;
  border-bottom: 1px solid #E5E5E5;
}
.form-list li {
  padding: 26px 0 28px;
  position: relative;
  z-index: 3;
  flex: 1;
  text-align: center;
}
.form-list li:before {
  content: "";
  width: 0;
  height: 4px;
  background: #00C9A1;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.form-list li:hover,
.form-list li.active {
  color: #00C9A1;
}
.form-list li:hover:before,
.form-list li.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.form-list li:before {
  bottom: -1px;
}
.form-list li:hover:after,
.form-list li.active:after {
  height: 100%;
}
.form-list li:hover span,
.form-list li.active span {
  color: #00C9A1;
}
.form-list li:hover b {
  transform: translateY(-5px);
}
.form-list li:after {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  content: "";
  width: 100%;
  height: 0;
  background: linear-gradient(to bottom, rgba(0, 201, 161, 0) 0%, #00c9a1 100%);
  opacity: 0.2;
  transition: 0.65s;
}
.form-list li figure {
  display: block;
  position: relative;
  margin: auto;
  width: 116px;
  height: 135px;
  text-align: center;
  transition: 0.3s;
}
.form-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.form-list li span {
  display: block;
  line-height: 1.2;
  color: #333333;
  font-size: 20px;
  transition: 0.38s;
}
.comprehensive {
  margin-top: 78px;
}
.form-title {
  text-align: center;
}
.form-title strong {
  display: block;
  margin-bottom: 16px;
  line-height: 1;
  color: #333333;
  font-size: 36px;
  font-weight: normal;
  opacity: 0;
}
.form-title p {
  color: #999999;
  font-size: 18px;
  line-height: 1.2;
  opacity: 0;
}
.comprehensive-fix img {
  max-width: 100%;
  width: auto;
}
.self-help {
  padding: 72px 0 0;
  background: #F6F6F6;
}
.self-fix {
  position: relative;
  margin: auto;
  margin-top: 250px;
  width: 67.7%;
}
.seif-img img {
  display: block;
  width: 100%;
  height: auto;
}
.self-item {
  position: absolute;
  margin-left: -25px;
  margin-top: -25px;
}
.self-item:hover .self-defaul span {
  opacity: 0;
  visibility: hidden;
}
.self-item:hover .self-defaul b {
  background: #00C9A1;
  border-color: #00C9A1;
  color: #fff;
}
.self-item:hover .self-defaul b:before {
  visibility: visible;
  transform: scale(1);
}
.self-item:hover .self-slide {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  transform: translateY(0px);
}
.self-item1 {
  left: 12.29%;
  top: 40.28%;
}
.self-item2 {
  left: 34.38%;
  top: -6px;
  margin-top: 0;
}
.self-item3 {
  left: 63.46%;
  top: -6px;
  margin-top: 0;
}
.self-item4 {
  left: 88.38%;
  top: 40.28%;
}
.self-defaul {
  position: relative;
}
.self-defaul span {
  display: block;
  padding-bottom: 14px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -26px;
  line-height: 1.1;
  color: #333333;
  font-size: 18px;
  white-space: nowrap;
  transition: 0.4s;
}
.self-defaul b {
  display: block;
  position: relative;
  z-index: 3;
  margin: auto;
  width: 51px;
  height: 51px;
  border: 1px solid #ADC0E2;
  text-align: center;
  line-height: 51px;
  color: #ADC0E2;
  font-size: 18px;
  border-radius: 50%;
  background: #F6F6F6;
  transition: 0.4s;
}
.self-defaul b:before {
  position: absolute;
  left: -9px;
  top: -9px;
  right: -9px;
  bottom: -9px;
  content: "";
  border-radius: 50%;
  z-index: -1;
  background: rgba(0, 201, 161, 0.38);
  transition: 0.4s;
  transform: scale(0);
  visibility: hidden;
}
.self-slide {
  position: absolute;
  left: -95px;
  bottom: 100%;
  display: flex;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-30px);
  transition: 0.5s;
}
.self-info {
  box-sizing: border-box;
  padding: 18px 26px 40px;
  border-radius: 8px;
  background: linear-gradient(to bottom, #00c9a1 0%, rgba(0, 201, 161, 0) 100%);
  width: 220px;
}
.self-info strong {
  display: block;
  margin-bottom: 18px;
  line-height: 1.2;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
}
.self-info p {
  color: #fff;
  font-size: 14px;
}
.self-img {
  margin-left: 6px;
  max-height: 100%;
  width: auto;
}
.self-img img {
  display: block;
  max-height: 100%;
  width: auto;
}
.efficiency-list {
  display: flex;
}
.efficiency-list li {
  position: relative;
  flex: 1;
}
.efficiency-list li:hover figure img {
  transform: scale(1.05);
}
.efficiency-list li:hover .efficiency-wrap {
  background: rgba(0, 201, 161, 0.9);
}
.efficiency-list li:hover .efficiency-text {
  margin-top: -129px;
}
.efficiency-list li:hover .efficiency-text b img.show {
  opacity: 0;
  visibility: hidden;
}
.efficiency-list li:hover .efficiency-text b img.hide {
  opacity: 1;
  visibility: visible;
}
.efficiency-list li:hover .efficiency-text span {
  color: #fff;
}
.efficiency-list li:hover .efficiency-text p {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.efficiency-list li figure {
  position: relative;
  display: block;
  padding-bottom: 77.5%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.efficiency-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.efficiency-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(245, 245, 246, 0.3);
  transition: 0.5s;
}
.efficiency-text {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -96px;
  width: 100%;
  text-align: center;
  transition: 0.4s;
}
.efficiency-text b {
  display: block;
  position: relative;
  margin: auto;
  width: 103px;
  height: 166px;
}
.efficiency-text b img {
  transition: 0.38s;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.efficiency-text b img.hide {
  opacity: 0;
  visibility: hidden;
}
.efficiency-text span {
  display: block;
  margin-top: 5px;
  line-height: 1;
  color: #666666;
  font-size: 24px;
  transition: 0.4s;
}
.efficiency-text p {
  margin: auto;
  margin-top: 12px;
  width: 304px;
  max-width: 90%;
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: 0.4s;
}
.patrol {
  padding: 100px 0 59px;
}
.patrol-fix {
  position: relative;
  margin-top: 58px;
}
.patrol-imgs {
  margin: auto;
  width: 384px;
}
.patrol-imgs img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.patrol-left {
  left: 85px;
}
.patrol-right {
  right: 37px;
}
.patrol-list {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.patrol-list li {
  margin-bottom: 64px;
  display: flex;
  align-items: flex-start;
}
.patrol-list li:last-child {
  margin-bottom: 0;
}
.patrol-list li b {
  display: block;
  position: relative;
  width: 48px;
  height: 48px;
}
.patrol-list li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.patrol-text {
  margin-left: 22px;
}
.patrol-text strong {
  display: block;
  margin-bottom: 18px;
  line-height: 1.1;
  color: #333333;
  font-size: 18px;
  font-weight: normal;
}
.patrol-text p {
  color: #999999;
  font-size: 14px;
  line-height: 1.5;
}
.market {
  background: #F6F6F6;
  padding-top: 20px;
}
.market-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.market-imgs {
  width: 42.5%;
}
.market-imgs img {
  display: block;
  width: 100%;
  height: auto;
}
.form-left {
  text-align: left;
}
.market-list {
  margin-top: 60px;
}
.market-list li {
  padding: 10px 0;
  border-bottom: 1px solid #DBDBDB;
}
.market-list li:first-child {
  border-top: 1px solid #DBDBDB;
}
.market-list li:hover .market-btn b,
.market-list li.active .market-btn b {
  color: #00C9A1;
  border-color: #00C9A1;
}
.market-list li:hover .market-btn strong,
.market-list li.active .market-btn strong {
  color: #00C9A1;
}
.market-list li.active .market-btn i {
  transform: rotate(270deg);
}
.market-btn {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.market-btn b {
  display: block;
  margin-right: 12px;
  width: 31px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  border: 1px solid #999999;
  color: #999999;
  font-size: 14px;
  font-weight: normal;
  border-radius: 50%;
  transition: 0.38s;
}
.market-btn strong {
  display: block;
  color: #666666;
  font-size: 18px;
  font-weight: normal;
  transition: 0.38s;
}
.market-btn i {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  line-height: 1;
  color: #BFBFBF;
  font-size: 12px;
  transform: rotate(90deg);
  transition: 0.38s;
}
.market-down {
  margin-top: 5px;
  padding-left: 43px;
  display: none;
}
.market-down p {
  color: #999999;
  font-size: 14px;
  line-height: 1.5;
}
.guide {
  padding: 67px 0 88px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}
.guide-imgs {
  width: 18.91%;
}
.guide-imgs img {
  display: block;
  width: 100%;
  height: auto;
}
.guide-list {
  display: flex;
  margin-top: 60px;
}
.guide-list li {
  margin-right: 15px;
  padding: 31px 4px 54px;
  background: #fff;
  width: 119px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 8px 30px rgba(165, 165, 165, 0.22);
}
.guide-list li:last-child {
  margin-right: 0;
}
.guide-list li:hover b {
  transform: translateY(-5px);
}
.guide-list li b {
  display: block;
  margin: auto;
  position: relative;
  text-align: center;
  width: 66px;
  height: 54px;
  transition: 0.38s;
}
.guide-list li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.guide-list li span {
  display: block;
  margin-top: 13px;
  color: #666666;
  font-size: 18px;
  line-height: 1.1;
}
.cost {
  padding: 58px 0 134px;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
.cost-list {
  margin-top: 55px;
  display: flex;
}
.cost-list li {
  flex: 1;
  text-align: center;
}
.cost-list li:hover img {
  transform: translateY(-5px);
}
.cost-list li img {
  display: block;
  margin: auto;
  width: 98px;
  transition: 0.45s;
}
.cost-list li span {
  display: block;
  margin-top: 12px;
  line-height: 1.2;
  color: #666666;
  font-size: 18px;
}
.pt {
  position: absolute;
  right: 6.25%;
  bottom: -44px;
  width: 50%;
}
.pt .pt-bg {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
}
.pt .pt1 {
  display: block;
  position: absolute;
  left: 17.59%;
  top: 5.53%;
  width: 18.07%;
}
.pt .pt2 {
  position: absolute;
  left: 41.718%;
  top: 10%;
  width: 16.149%;
}
.pt .pt3 {
  position: absolute;
  left: 66.77%;
  top: 8.652%;
  width: 15.11%;
}
.pt .pt0 {
  position: absolute;
  left: 13.14%;
  top: 12.76%;
  width: 84.67%;
  height: auto;
}
.pt .pt0_1 {
  position: absolute;
  left: 1%;
  top: 3%;
  width: 100%;
  height: auto;
}
.pt .pt7 {
  position: absolute;
  left: 41.71%;
  top: 41.46%;
  width: 15.32%;
  height: auto;
}
.pt .pt10 {
  position: absolute;
  left: 49.2%;
  top: 23.1%;
  width: 22.25%;
}
.pt .pt4 {
  position: absolute;
  left: 66.87%;
  top: 31.77%;
  width: 22.98%;
  height: auto;
}
.pt .pt5 {
  position: absolute;
  left: 68.11%;
  top: 24.11%;
  width: 22.98%;
}
.pt .pt6 {
  position: absolute;
  left: 77.95%;
  top: 24.96%;
  width: 12.42%;
}
.pt.article-block .pt0 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50px);
  transition: 0.8s;
}
.pt.article-block .pt0_1 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-60px);
  transition: 0.8s 0.4s;
}
.pt.article-block .pt7 {
  transform: translate(-40px, -40px);
  opacity: 0;
  visibility: hidden;
  transition: 0.8s 0.65s;
}
.pt.article-block .pt10 {
  clip-path: inset(0 0 100% 0);
  transition: 1s 0.9s;
}
.pt.article-block .pt1 {
  opacity: 0;
  transform: translateY(-40px);
  transition: 0.7s 1.1s;
}
.pt.article-block .pt2 {
  opacity: 0;
  transform: translateY(-40px);
  transition: 0.7s 1.3s;
}
.pt.article-block .pt3 {
  opacity: 0;
  transform: translateY(-40px);
  transition: 0.7s 1.5s;
}
.pt.article-block .pt4,
.pt.article-block .pt5,
.pt.article-block .pt6 {
  opacity: 0;
  transform: translateY(-40px);
  transition: 0.7s 1.7s;
}
.pt.article-block .pt5 {
  transition: 0.7s 1.9s;
}
.pt.article-block .pt6 {
  transition: 0.7s 2.1s;
}
.pt.articleShow .pt0 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.pt.articleShow .pt0_1 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.pt.articleShow .pt7 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}
.pt.articleShow .pt10 {
  clip-path: inset(0 0 0 0);
}
.pt.articleShow .pt1,
.pt.articleShow .pt2,
.pt.articleShow .pt3,
.pt.articleShow .pt4,
.pt.articleShow .pt5,
.pt.articleShow .pt6 {
  opacity: 1;
  transform: translateY(0px);
}
.join-pop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 199;
  opacity: 0;
  visibility: hidden;
  transition: 0.87s;
  pointer-events: none;
}
.join-pop .pop-bgs {
  background: rgba(0, 0, 0, 0.5);
}
body.show {
  overflow: hidden;
  height: 100%;
}
body.show .join-pop {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}
body.show .join-pop-wrap {
  right: 0;
  opacity: 1;
  visibility: visible;
}
.join-pop-wrap {
  position: fixed;
  right: -960px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  width: 960px;
  height: 100%;
  background: #fff;
  transition: 0.78s;
}
.join-close {
  position: absolute;
  left: -85px;
  top: 190px;
  width: 85px;
  height: 85px;
  line-height: 85px;
  background: #2A6AB2;
  color: #fff;
  cursor: pointer;
  font-size: 30px;
  text-align: center;
  transition: 0.4s;
}
.join-close:hover {
  transform: rotate(180deg);
}
.join-text {
  box-sizing: border-box;
  overflow-y: auto;
  padding: 95px 79px;
  max-height: 100%;
  width: 820px;
  max-width: 100%;
}
.join-text::-webkit-scrollbar {
  width: 6px;
  border-radius: 3px;
  background-color: #e2e2e2;
}
.join-text::-webkit-scrollbar-track {
  border-radius: 6px;
  border-radius: 3px;
  background-color: #e2e2e2;
}
.join-text::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #1F90D0;
}
.join-tops {
  margin-bottom: 80px;
}
.join-tops strong {
  display: block;
  margin-bottom: 32px;
  line-height: 1.2;
  color: #444444;
  font-size: 30px;
}
.join-tops p {
  color: #444444;
  font-size: 16px;
}
.join-view {
  color: #666666;
  font-size: 16px;
  text-align: justify;
}
.platform-list1 li {
  padding: 0;
  padding-bottom: 420px;
}
.platform-list1 li:hover .platform-fixs {
  margin-top: -166px;
}
.platform-list1 li:hover .platform-fixs p {
  opacity: 1;
  visibility: visible;
}
.platform-fixs {
  position: absolute;
  left: 50%;
  margin-left: -90px;
  width: 180px;
  top: 50%;
  margin-top: -70px;
  transition: 0.5s;
}
.platform-fixs p {
  margin-top: 20px;
  color: #FFFFFF;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.rn {
  position: absolute;
  right: 8.333%;
  bottom: 0;
  width: 34.6875%;
}
.rn .rn-bg {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
}
.rn.articleShow .rn-yj1 {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}
.rn.articleShow .rn-yj2 {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
  transition: 0.88s 0.3s;
}
.rn.articleShow .rn-yj3 {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
  transition: 0.88s 0.5s;
}
.rn-yj1 {
  display: block;
  position: absolute;
  left: 6.3%;
  bottom: 36.78%;
  width: 24.77%;
  transform: translate(-40px, -40px);
  opacity: 0;
  visibility: hidden;
  transition: 0.8s;
}
.rn-yj2 {
  display: block;
  position: absolute;
  left: 8.85%;
  bottom: 10.5%;
  width: 43.09%;
  transform: translate(-40px, 40px);
  opacity: 0;
  visibility: hidden;
  transition: 0.88s;
}
.rn-yj3 {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: auto;
  transform: translate(40px, -40px);
  opacity: 0;
  visibility: hidden;
}
.dn {
  position: absolute;
  right: 9.531%;
  top: 17.36%;
  width: 30.2%;
}
.dn .dn-bg {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
}
.dn.articleShow .dn1 {
  opacity: 1;
  visibility: visible;
  clip-path: inset(0 0 0 0);
}
.dn.articleShow .dn5 {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.dn.articleShow .dn4 {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.dn.articleShow .dn2 {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.dn.articleShow .dn3 {
  opacity: 1;
  visibility: visible;
  transform: rotate(0deg) translateY(0px);
}
.dn1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 98.1%;
  opacity: 0;
  visibility: hidden;
  clip-path: inset(0 0 100% 0);
  transition: 1.6s;
}
.dn5 {
  position: absolute;
  left: 14.827%;
  top: 8.75%;
  width: 74.74%;
  opacity: 0;
  visibility: hidden;
  transform: translate(50px, -50px);
  transition: 0.88s 0.35s;
}
.dn4 {
  position: absolute;
  left: 13.79%;
  top: 13.42%;
  width: 85.91%;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50px, 0);
  transition: 0.88s 0.65s;
}
.dn2 {
  position: absolute;
  left: 28.44%;
  top: 49.6%;
  width: 26.11%;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, -50px);
  transition: 0.88s 0.9s;
}
.dn3 {
  position: absolute;
  left: 20.79%;
  top: 0;
  width: 10.3%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-60px) rotateY(180deg);
  transition: 0.8s 1.2s;
}
.jg-yy {
  position: absolute;
  right: 10.41%;
  top: 20.33%;
  width: 26.4%;
}
.jg-yy .jg-bg {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
}
.jg-yy .jg4 {
  display: block;
  position: absolute;
  left: 0%;
  top: 8px;
  width: 42.88%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50px);
  transition: 0.8s;
}
.jg-yy .jg2 {
  display: block;
  position: absolute;
  left: 35.77%;
  top: 0;
  width: 44.86%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(50px);
}
.jg-yy .jg1 {
  display: block;
  position: absolute;
  right: 0;
  top: 5.46%;
  width: 31.22%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(50px);
  transition: 0.8s 0.6s;
}
.jg-yy .jg3 {
  display: block;
  position: absolute;
  left: 48.32%;
  bottom: 0;
  width: 14.2%;
  opacity: 0;
  transform: scale(0);
  transition: 0.78s 0.8s;
}
.jg-yy .jg5 {
  display: block;
  position: absolute;
  left: 8.69%;
  top: 8.98%;
  width: 10.07%;
  opacity: 0;
  transform: translateY(-50px);
  transition: 0.7s 1s;
}
.jg-yy.articleShow .jg4 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}
.jg-yy.articleShow .jg2 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  transition: 0.8s 0.3s;
}
.jg-yy.articleShow .jg1 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}
.jg-yy.articleShow .jg3 {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.jg-yy.articleShow .jg5 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.pain-list1 li {
  text-align: center;
}
.pain-list1 li b {
  background: #00C9A1;
}
.pain-list1 li p {
  text-align: center;
}
.project-item {
  display: flex;
}
.projects {
  margin-top: 40px;
}
.project-info {
  margin-right: 38px;
  margin-bottom: 24px;
  padding-bottom: 28px;
  flex: 1;
  border: 1px dashed #00C9A1;
  border-radius: 20px;
  text-align: center;
}
.project-info:last-child {
  margin-right: 0;
}
.project-info figure {
  display: block;
  position: relative;
  height: 126px;
  text-align: center;
}
.project-info figure img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.project-info span {
  display: block;
  line-height: 1;
  color: #666666;
  font-size: 16px;
}
.project-left {
  width: 55.5%;
  flex: none;
  margin-right: 38px;
}
.project-right {
  flex: 1;
}
.project-left .project-info {
  display: flex;
  justify-content: space-around;
}
.project-in {
  flex: 1;
}
.project-ls {
  width: 100%;
}
.project-ls .project-info .project-in figure {
  height: 166px;
}
.case-more {
  margin-top: 60px;
}
.case-more a {
  display: block;
  height: 76px;
  line-height: 76px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: #999999;
}
.case-more a:hover {
  background: #1F90D0;
}
.other-case1 {
  padding-bottom: 120px;
}
.ptext2 {
  left: auto;
  margin-left: 0;
  right: 50%;
  margin-right: -600px;
  text-align: center;
  width: auto;
}
.ptext2 .contact-btn {
  margin: auto;
  margin-top: 30px;
}
.ptext .contact-btn3 {
  background: #00C9A1;
}
.ptext .contact-btn3:hover {
  background: rgba(0, 201, 161, 0.8);
}
.fun-p .fun-inn {
  display: none;
}
.case-more1 a:hover {
  background: #00C9A1;
}
.case-menu {
  position: absolute;
  left: 50%;
  margin-left: -170px;
  top: 100%;
  width: 340px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}
.case-menu-list {
  padding: 32px 40px 35px;
  display: flex;
  justify-content: space-between;
}
.case-menu-list p {
  margin-bottom: 24px;
}
.case-menu-list p:last-child {
  margin-bottom: 0;
}
.case-menu-list p a {
  display: inline-block;
  white-space: nowrap;
  color: #333333;
  font-size: 14px;
}
.case-menu-list p a img {
  display: inline-block;
  position: relative;
  top: -2px;
  vertical-align: middle;
  margin-right: 16px;
  width: 25px;
}
.case-menu-list p a:hover {
  color: #2A6AB2;
}
.case-texts {
  margin: auto;
  padding: 50px 0;
  width: 900px;
  max-width: 88%;
}
.case-texts p {
  line-height: 1.2;
  font-size: 19px;
}
.menu-casefix {
  display: flex;
}
.menu-casefix .menu-levas {
  margin-right: 30px;
}
.menu-casefix .menu-levas:last-child {
  margin-right: 0;
}
.address-list {
  display: flex;
  flex-wrap: nowrap;
}
.address-left {
  flex: 1;
}
.address-right {
  margin-left: 100px;
  flex: 1;
}
.address-tel {
  display: flex;
  align-items: flex-start;
  color: #A8B7C9;
  font-size: 14px;
  line-height: 2;
}
.address-info {
  display: inline-block;
  margin-left: 6px;
}
.pmore {
  margin-top: 46px;
  display: flex;
}
.pmore .contact-btn3 {
  margin-top: 0 !important;
}
.pmore .about-video {
  border-color: #fff;
  color: #fff;
  font-size: 16px;
  width: 176px;
  height: 53px;
  box-sizing: border-box;
  line-height: 51px;
}
.pmore .about-video:hover {
  border-color: #00C9A1;
  background: #00C9A1;
}
.pmore .about-video i {
  color: #fff;
}

/*  新闻中心 */
.index_news{background-color:#EFF3F5;padding:60px 0 68px;}
.index_news .list{margin:-13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding-top:50px;}
.index_news .list .l_{width:50%;max-width:50%;padding:13px;}
.index_news .list .l_ a{display:block;}
.index_news .list .l_ a:hover .img i{transform:scale(1.03);}
.index_news .list .l_ .t1{padding-top:20px;}
.index_news .list .l_ .t1 span{font-size:14px;font-weight:400;color:#CCCCCC;line-height:24px;}
.index_news .list .l_ .t1 i{font-size:14px;font-weight:400;color:#CCCCCC;line-height:24px;}
.index_news .list .l_ .t2{margin-top:15px;}
.index_news .list .l_ .t2 p{font-weight:bold;font-size:26px;color:#333333;line-height:40px;height:80px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family: "PuHuiTi", sans-serif;}
.index_news .list .l_ a:hover .t2 p{color:#1F90D0;}
.index_news .list .l_ .t2 span{font-size:16px;font-weight:400;color:#666666;line-height:26px;height:52px;display:block;margin-top:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family: "PuHuiTi", sans-serif;}
.index_news .list .r_{width:50%;max-width:50%;padding:13px;}
.index_news .list .r_ .list_{height:100%;margin:-13px;}
.index_news .list .r_ .i{float:left;width:44%;padding:13px;} 
/* @media(min-width:768px){
    .index_news .list .r_ .i:after{content:'';z-index:2;width:100%;height:100%;background-color:#EFF3F5;position:absolute;right:0;bottom:0;transition:1.4s .3s cubic-bezier(0.42,0,0.38,1);}
    .index_news .list.aos-animate .r_ .i:after{height:0;}
} */
.index_news .list .r_ .i a{display:block;background-color:#fff;height:100%;padding:30px 35px;position:relative;overflow:hidden;}
.index_news .list .r_ .i a .t2{position:relative;z-index:1;}
.index_news .list .r_ .i a .t2 p{font-weight:bold;font-size:18px;color:#333333;line-height:28px;height:56px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family: "PuHuiTi", sans-serif;}
.index_news .list .r_ .i a:hover .t2 p{color:#fff;}
.index_news .list .r_ .i a .t2 span{font-size:16px;font-weight:400;color:#666666;line-height:26px;height:78px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-top:25px;}
.index_news .list .r_ .i a:hover .t2 span{color:rgba(255,255,255,.6);}
.index_news .list .r_ .i a .t1{margin-top:35px;padding-top:20px;border-top:1px solid #eeeeee;position:relative;z-index:1;}
.index_news .list .r_ .i a:hover .t1{border-top-color:rgba(255,255,255,.2);}
.index_news .list .r_ .i a .t1 span{font-size:14px;font-weight:400;color:#CCCCCC;line-height:24px;font-family: "PuHuiTi", sans-serif;}
.index_news .list .r_ .i a .t1 i{font-size:14px;font-weight:400;color:#CCCCCC;line-height:24px;font-family: "PuHuiTi", sans-serif;}
.index_news .list .r_ .i a .img{position:absolute;z-index:0;left:0;top:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);}
.index_news .list .r_ .i a:hover .img{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.index_news .list .r_ .i a .img:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);}
.index_news .more{text-align:center;padding-top:50px;}
@media(max-width:1600px){
    .index_news .list .r_ .i a .t2 span{height:52px;-webkit-line-clamp:2;}
}
@media(max-width:1200px){
    .index_news .list{flex-flow:row wrap;}
    .index_news .list .l_{width:100%;max-width:100%;margin-bottom:20px;}
    .index_news .list .r_{width:100%;max-width:100%;padding:0;margin:0;}
}
@media(max-width:768px){
    .index_news{padding:40px 0;}
    .index_news .list{padding-top:30px;display:block;}
    .index_news .list .l_ .t1{padding-top:10px;}
    .index_news .list .l_ .t2{margin-top:5px;}
    .index_news .list .l_ .t2 p{font-size:17px;line-height:26px;height:52px;}
    .index_news .list .r_ .i{width:100%;}
    .index_news .list .r_ .i a .t2 p{font-size:17px;line-height:26px;height:52px;-webkit-line-clamp:2;}
    .index_news .list .r_ .i a{padding:20px;}
    .index_news .more{padding-top:25px;}
}
.pd {padding: 0 12%;}
.index_pub_title {text-align: center;}
.index_pub_title span {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #999999;
  padding-top: 15px;
  display: inline-block;
}
.index_pub_title p {
  font-size: 40px;
  font-family: "PuHuiTi", sans-serif;
  color: #000;
  line-height: 50px;
}
.index_news .more {
  text-align: center;
  padding-top: 50px;
}
.public_more_02{height:50px;border-radius:0px 0px 0px 0px;border:1px solid #666666;padding:0 24px;display:inline-block;font-size:16px;font-weight:400;color:#666666;line-height:50px;-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s;background-color: #333;font-family: "PuHuiTi", sans-serif;}
.public_more_02:hover{border-color: #48CAB6;background: #35CEB7;color: #fff;}
/* 首页产品 */
.minw {
  width: 100%;
  min-width: 1200px;
}
.index_title .index_title_hd h2 {
  font-size: 36px;
  color: #333333;
  line-height: 46px;
}
.index_title .index_title_more {
  color: #a8a8a8;
  font-size: 16px;
  line-height: 46px;
  letter-spacing: 4px;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.wrapper {margin: 0 auto;border: 0;width: 90%;min-width: 1200px;}
.index_title {margin: 60px 0;overflow: hidden;}
.index_box2{background: #f7f7f7;padding: 60px 0 0 0;}
.index_box2 .index_box2_wrap{}

.index_box2 .slideTxtBox_p{ width:100%; text-align:left;position:relative;}
.index_box2 .slideTxtBox_p .hd{ background:#f4f4f4;border:1px solid rgb(233, 232, 232);  position:relative; }
.index_box2 .slideTxtBox_p .hd ul{}
.index_box2 .slideTxtBox_p .hd ul li{color:#535353;width:16.5%;float:left;height:70px;line-height:70px; cursor:pointer;text-align: center;background: #fff;border-top: 3px solid #fff;font-size: 18px;font-weight: 400;}
.index_box2 .slideTxtBox_p .hd ul li.on{background:#f5f5f5;border-top: 3px solid #1bb3b8;color: #1bb3b8;width: 17.5%;}
.index_box2 .slideTxtBox_p .bd{position:relative;}
.index_box2 .slideTxtBox_p .bd ul{padding:40px 0;overflow:hidden;}
.index_box2 .slideTxtBox_p .bd ul .bd_left{width:35%;}
.index_box2 .slideTxtBox_p .bd ul .bd_left h2{margin-top:25%;font-weight:400;font-size:26px;line-height:40px;color: #08192d;}
.index_box2 .slideTxtBox_p .bd ul .bd_left .des{margin-top:30px;line-height:40px;color:#959595;}

.index_box2 .slideTxtBox_p .bd ul  .bd_right{width:60%;text-align:right;}
.index_box2 .slideTxtBox_p .bd ul  .bd_right img{max-width:100%;}

.index_box2 .slideTxtBox_p .arrow{ left:0px; bottom:30px;z-index: 9;position: absolute;}
.index_box2 .slideTxtBox_p .arrow a{ display:block;  width:45px; height:45px; float:right; margin-right:10px; overflow:hidden;cursor:pointer;}
.index_box2 .slideTxtBox_p .arrow .next{background: url('../images/ico_66_1.png');background-size: contain;}
.index_box2 .slideTxtBox_p .arrow .prev{background: url('../images/ico_67_1.png');background-size: contain;}
.index_box2 .slideTxtBox_p .arrow .prevStop{background: url('../images/ico_67.png');background-size: contain;}
.index_box2 .slideTxtBox_p .arrow .nextStop{background: url('../images/ico_66.png');background-size: contain;}


.index_box3{padding: 90px 0px;background:#fff;}
.index_box3 .index_box3_wrap ul{margin-left:-2%;overflow:hidden;}
.index_box3 .index_box3_wrap ul li{width: 23%;float:left;margin-left:2%;}
.index_box3 .index_box3_wrap a .item .imgD img{width: 100%;}
.index_box3 .index_box3_wrap a .item .fontD h2{color:#1bb3b8;font-size:24px;font-weight:400;margin: 20px 0;}
.index_box3 .index_box3_wrap a .item .fontD h4{font-size: 16px; color: #999; margin: 20px 0; font-weight: 400; line-height: 24px; height: 72px; overflow: hidden;}
.index_box3 .index_box3_wrap a .item .imgD2{padding: 8px 0; }
.index_box3 .index_box3_wrap a .item .imgD2 i{height:32px;display:block;background: url(../images/ico_65.png) center left no-repeat;}
.index_box3 .index_box3_wrap a:hover .item .imgD img{width: 100%;}
.index_box3 .index_box3_wrap a:hover .item .imgD2 i{height:32px;display:block;background: url(../images/ico_65_1.png) center left no-repeat;}

.index_box4{background: #f7f7f7;padding:0 0 60px 0;}
.index_box4 .index_box4_wrap{}
.index_box4_left{width:50%;height:612px;overflow:hidden;}
.index_box4_left .imgD{height:422px;overflow:hidden;}
.index_box4_left .imgD img{width:100%;}
.index_box4_left .fontD{padding:20px;overflow:hidden;background:#fff;}
.index_box4_left .fontD h3{font-size:18px;height:40px;line-height:40px;overflow:hidden;font-weight:400;}
.index_box4_left .fontD p{font-size:16px;color:#999;height:60px;line-height:30px;overflow:hidden;}
.index_box4_left .fontD .date{font-size:16px;font-weight:700;height:30px;line-height:30px;margin-top:20px;background: url(../images/ico_68_1.png) center right no-repeat;}
.index_box4_right{width:47%;height:612px;overflow:hidden;background:#fff;}
.index_box4_right ul li{overflow:hidden;padding:30px 30px 1px 30px;border-left:5px solid #fff;}
.index_box4_right ul li a{display:block;overflow:hidden;border-bottom:1px solid #e6e6e6;}
.index_box4_right ul li a .hd .lirt-l{font-size:18px;font-weight:400;width:80%;height:34px;line-height:34px;overflow:hidden;}
.index_box4_right ul li a .hd .lirt-l i{color:#999;margin-right:10px;}
.index_box4_right ul li a .hd .lirt-r{width:20%;color:#999;text-align:right;height:34px;line-height:34px;}
.index_box4_right ul li a .bd {margin:20px 0;height:48px;line-height:24px;overflow:hidden;color:#999;background: url(../images/ico_68.png) center right no-repeat;}
.index_box4_right ul li a .bd .lirm-l{padding-right:40px;}
.index_box4_right ul li:hover{border-left:5px solid #1bb3b8;}
.index_box4_right ul li:hover a .hd .lirt-l i{color:#1bb3b8;margin-right:10px;}
.index_box4_right ul li:hover a .bd {margin:20px 0;height:48px;line-height:24px;overflow:hidden;color:#999;background: url(../images/ico_68_1.png) center right no-repeat;}

.index_box4_more{text-align:center;    margin-top: 80px;}
.index_box4_more a{width:134px;height:44px;line-height:44px;margin:0 auto;border:2px solid #1bb3b8;display:block;color:#1bb3b8;font-size:18px;}
.index_box4_more a:hover{background-color:#1bb3b8;color:#fff;}
.pub_img{position:relative;overflow:hidden;}
.pub_img i{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;}
.pub_img img{width:100%;}
/* 产品更多按钮CSS动态 */
.z_index_more {
  display: block;
  position: relative;
  -webkit-animation: moves2 2s linear infinite;
  -moz-animation: moves2 2s linear infinite;
  -o-animation: moves2 2s linear infinite;
  animation: moves2 2s linear infinite;
  width: 96px;
  height: 96px;
  background: -webkit-linear-gradient(116deg, #43A2DB, #DC87B3);
  background: -moz-linear-gradient(116deg, #43A2DB, #DC87B3);
  background: -o-linear-gradient(116deg, #43A2DB, #DC87B3);
  background: linear-gradient(-26deg, #43A2DB, #DC87B3);
  border-radius: 50%;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2;
}
.z_index_more i {
  display: block;
  line-height: 1;
  text-align: center;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-style: normal;
}
.z_index_more em {
  display: block;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
}
.z_index_more .iconfont {
  display: block;
}
.z_index_more::before {
  content: "";
  display: block;
  z-index: -1;
  width: 100%;
  opacity: 0;
  -webkit-transition: ease 2s;
  -o-transition: ease 2s;
  -moz-transition: ease 2s;
  transition: ease 2s;
  height: 100%;
  border-radius: 34px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: -webkit-linear-gradient(116deg, #43A2DB, #DC87B3);
  background: -moz-linear-gradient(116deg, #43A2DB, #DC87B3);
  background: -o-linear-gradient(116deg, #43A2DB, #DC87B3);
  background: linear-gradient(-26deg, #43A2DB, #DC87B3);
}
.z_index_more:hover::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 1;
}
@-webkit-keyframes moves2 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes moves2 {
  0% {
    -moz-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -moz-transform: translateY(15px);
    transform: translateY(15px);
  }
  100% {
    -moz-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-o-keyframes moves2 {
  0% {
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -o-transform: translateY(15px);
    transform: translateY(15px);
  }
  100% {
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes moves2 {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@media(max-width:1600px){
  .fr {float: left;}
  .fl {padding: 0 28%;text-align: center;}
  .index_box2 .slideTxtBox_p .hd{background: #f4f4f4;border: 1px solid rgb(233, 232, 232);position: relative;max-width: 102%;}
  .index_box2 .slideTxtBox_p .hd ul li {width: 29%;margin-left: 4%;margin-bottom: 2%;}
  .index_box2 .slideTxtBox_p .hd ul li a {font-size: 1.4rem;padding: 0;margin: 0;height: 42px;line-height: 40px;text-align: center;background: #fff;color: #333;border: 1px solid #e8e8e8;border-top-color: rgb(232, 232, 232);border-top-style: solid;border-top-width: 1px;border-top: 2px solid #fff;}
  .index_box2 {background: #f7f7f7;padding: 20px 0 0 0;}  
  .index_title .index_title_more{display: none;}
  .fl {float: left;}
  .index_box2 .slideTxtBox_p .bd ul .bd_left {width: 100%;text-align: inherit;}
  .index_box2 .slideTxtBox_p .bd ul .bd_left h2 {margin-top: 2%;font-weight: 400;font-size: 26px;line-height: 40px;color: #08192d;float: left;margin-left: -23%;}
  .index_box2 .slideTxtBox_p .bd ul .bd_left .des {color: #959595;margin-left: -23%;width: 95%;margin-top: 16%;line-height: 25px;font-size: 14px;}
  .index_box2 .slideTxtBox_p .bd ul .bd_right{width: 28%;text-align: right;}
  .index_box2 .slideTxtBox_p .bd ul .bd_right img{max-height: 100%;max-width: 345%;}
  .index_title {margin: 70px 0;overflow: hidden;}
  .wrapper {margin: 0 auto;border: 0;width: 90%;min-width: 1px;}
  .index_box2 .slideTxtBox_p .hd ul li.on {background: #f5f5f5;border-top: 3px solid #1bb3b8;color: #1bb3b8;width: 29%;}
  .index_box2 .slideTxtBox_p .arrow {left: 68%;bottom: 34px;z-index: 9;position: absolute;top: -6%;float: right;}
@media(max-width:1200px){
  .fr {float: left;}
  /* .fl {float: right;} */
  .index_box2 .slideTxtBox_p .hd{}
  .index_box2 .slideTxtBox_p .bd ul .bd_left {width: 100%;text-align: inherit;}
  .index_box2 .slideTxtBox_p .bd ul .bd_left h2 {margin-top: 2%;font-weight: 400;font-size: 26px;line-height: 40px;color: #08192d;float: left;margin-left: -23%;}
  .index_box2 .slideTxtBox_p .bd ul .bd_left .des {color: #959595;margin-left: -23%;width: 95%;margin-top: 16%;line-height: 25px;font-size: 14px;}
  .index_box2 .slideTxtBox_p .bd ul .bd_right{width: 28%;text-align: right;}
  .index_box2 .slideTxtBox_p .bd ul .bd_right img{max-height: 100%;max-width: 345%;}
  .index_title {margin: 70px 0;overflow: hidden;}
  .index_box2 .slideTxtBox_p .hd ul li.on {background: #f5f5f5; border-top: 3px solid #1bb3b8;color: #1bb3b8; width: 29%;}
}
@media(max-width:768px){
  .fr {float: left;}
  /* .fl {float: right;} */
  .index_box2 .slideTxtBox_p .hd{background: #f4f4f4;border: 1px solid rgb(233, 232, 232);position: relative;max-width: 100%;}
  .index_box2 .slideTxtBox_p .bd ul .bd_left {width: 100%;text-align: inherit;}
  .index_box2 .slideTxtBox_p .bd ul .bd_left h2 {margin-top: 2%;font-weight: 400;font-size: 26px;line-height: 40px;color: #08192d;float: left;margin-left: -23%;}
  .index_box2 .slideTxtBox_p .bd ul .bd_left .des {color: #959595;margin-left: -23%;width: 95%;margin-top: 16%;line-height: 25px;font-size: 14px;}
  .index_box2 .slideTxtBox_p .bd ul .bd_right{width: 28%;text-align: right;}
  .index_box2 .slideTxtBox_p .bd ul .bd_right img{max-height: 100%;max-width: 345%;}
  .index_title {margin: 70px 0;overflow: hidden;}
  .index_box2 .slideTxtBox_p .hd ul li.on {background: #f5f5f5;border-top: 3px solid #1bb3b8; color: #1bb3b8; width: 29%;}
}
}
/* 首页产品end */

/*》》》》》》》》》》页尾《《《《《《《《《《*/
.footer{background: linear-gradient(to bottom right,#003655 0,#0066a1 50%,#0096ee 100%);}
.footer .footer_top{padding-top:50px;padding-bottom:40px;}
.footerNav_item{padding-right:2vw;}
.footerNav_item:last-child{padding-right:0;}
.footerNav_item .footerNav_a>a{font-size:16px;margin-bottom:20px;}
.footerNav_item .footerNav_b>li>a{margin-bottom:5px;}
.footerNav_item .footerNav_b>li:last-child>a{margin-bottom:0;}
.footerNav_item .footerNav_b>li>a>.hoverable_txt{-webkit-transition:ease 0.2s;transition:ease 0.2s;display:inline-block;color:#b3c8e6;padding-bottom:5px;}
.footerNav_item .footerNav_b>li>a>.hoverable_txt:after{background-color:#febebe;}
.footerContact .footerContact_tel p{font-size:16px;margin-bottom:5px;}
.footerContact .footerContact_tel .footerContact_number{font-size:30px;line-height:1;}
.footerNav{padding-right:8vw;}
.footerNav_list{justify-content:space-between;}
.footerNav{padding-right:160px;}
.footerNav_item{padding-right:40px;}

.footerContact .footerContact_tel{margin-bottom:35px;}

.footerContact .footerContact_follow{align-items:center;justify-content:flex-end;}
.footerContact_follow .follow_item{padding-left:10px;}
.footerContact_follow .follow_item:first-child{padding-left:0;}

.footerContact_follow .follow_item>a{width:40px;height:40px;background-color:#fff;
align-items:center;justify-content:center;}
.footerContact_follow .follow_item>a>svg{height:80%;width:80%;fill:#b01f24;}


.footer_Keep{background-color:rgba(0,0,0,.1);padding-top:15px;color:#b3c8e6;text-align:justify;line-height:24px;font-family: "PuHuiTi", sans-serif;}
.footer_Keep a{color:#b3c8e6;-webkit-transition:ease 0.2s;transition:ease 0.2s;}
.footer_Keep .footerLinks a{padding:0 8px;position:relative;display:inline-block;}
.footer_Keep .footerLinks a:after{content:'';position:absolute;top:50%;right:0;width:1px;height:65%;background-color:#febebe;
transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.footer_Keep .footerLinks a:last-child:after{display:none;}
.footer_Keep .footerLinks:after{content:'';position:absolute;bottom:0;left:0;height:1px;background-color:rgba(255,255,255,.1);width:100%;}
.footer_Keep .footerLinks{padding:25px 0;}
.footer_Keep .footerKeep{padding:25px 0;}

/*》》》》》》》》》》二维码《《《《《《《《《《*/
.footerContact_follow .follow_item.on .qrcode{visibility:visible;opacity:1;-webkit-opacity:1;}
.footerContact_follow .follow_item .qrcode{position:absolute;top:50%;right:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%);
background-color:#fff;align-items:center;padding:10px 15px;visibility:hidden;opacity:0;-webkit-opacity:0;}
.footerContact_follow .follow_item .qrcode .follow_text{min-width:130px;padding-right:12px;}
.footerContact_follow .follow_item .qrcode .follow_text .follow_name{font-size:16px;font-family:'NotoSansSCM';margin-bottom:8px;line-height:26px;}
.footerContact_follow .follow_item .qrcode .follow_text .follow_p{color:#666;font-family:'NotoSansSCR';}
.footerContact_follow .follow_item .qrcode img{width:100px;height:100px;}
.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex_item{-webkit-box-flex: 1;-moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex:1;}
.row{max-width:1440px;margin:0 auto;}
.footerNav_item .footerNav_b>li>a:hover .hoverable_txt:after{background-color:#fff;}
.footerNav_item .footerNav_b>li>a:hover .hoverable_txt{color:#fff;}
.hoverable{overflow:hidden;}
.hoverable .hoverable_txt{position:relative;display:inline-block;}
.hoverable .hoverable_txt:after{content: '';width:100%;height:1px;
position:absolute;left:0;bottom:0;-webkit-transform:scaleX(0);transform:scaleX(0);
-webkit-transform-origin: right top;transform-origin: right top;
transition: -webkit-transform .4s cubic-bezier(.215,.61,.355,1);
transition: transform .4s cubic-bezier(.215,.61,.355,1);
transition: transform .4s cubic-bezier(.215,.61,.355,1);
-webkit-transform .4s cubic-bezier(.215,.61,.355,1);}
.footerNav_item .footerNav_b>li>a:hover .hoverable_txt:after{background-color:#fff;}
.footerNav_item .footerNav_b>li>a:hover .hoverable_txt{color:#fff;}
.footer .footer_top>div{flex-wrap:wrap;}
.footerNav{width:100%;}
.footerContact{}
.footerContact .footerContact_tel{text-align:left;}
.footerContact .footerContact_follow{justify-content:flex-start;}

.footerNav{padding-right:0;}
.footerNav_list{flex-wrap:wrap;}
.footerNav_item:last-child{padding-bottom:0;}
.footerContact .footerContact_tel p{font-size:16px;font-family: "PuHuiTi", sans-serif;margin-bottom: 20px;}
.footerNav_item .footerNav_b>li>a{font-size:15px;font-family: "PuHuiTi", sans-serif;}
.footerNav_item .footerNav_a>a{margin-bottom:12px;font-size:16px;font-family: "PuHuiTi", sans-serif;}
.footerContact .footerContact_tel .footerContact_number{font-size:24px;font-family: "PuHuiTi", sans-serif;}
/*.footerContact_follow .follow_item>a{width:35px;height:35px;}*/
.footerContact .footerContact_tel{margin-bottom:20px;}
.footer_Keep{padding-top:0;}
.footer_Keep .footerKeep{padding:15px 0;font-size:14px;font-family: "PuHuiTi", sans-serif;}
.footerContact_follow .follow_item .qrcode{bottom:130%;top:initial;left:0;
transform:none;-webkit-transform:none;right:initial;padding:8px 12px;}
.footerContact_follow .follow_item .qrcode .follow_text{padding-right:8px;}
.footerContact_follow .follow_item .qrcode .follow_text .follow_name{font-size:15px;line-height:24px;}
.footerContact_follow .follow_item .qrcode .follow_text .follow_p{font-size:12px;}
@media(max-width:1540px){.row{padding:0 50px !important;}}
@media(max-width:992px){.row{padding:0 20px !important;}body{overflow-y:auto;}}
@media screen and (min-width:1920px){
	.footerNav{padding-right:160px;}
	.footerNav_item{padding-right:40px;}
}
@media screen and (max-width: 992px){
.footerContact {
  width: 100%;
  margin-top: 30px;
}
.footer_Keep .footerLinks{display:none;}
}
/* @media screen and (min-width:1257px){.footerNav_item{width:33.333333%;padding-right:20px;padding-bottom:30px;}} */
/* @media screen and (min-width:768px){.footerNav_item{width:50%;}} */

/* 产品strat */
/*》》》》》》》》》》index>板块《《《《《《《《《《*/
.Hplate{padding:50px 0;}
.Hplate_list{padding:50px 0;}
.Hplate_info .master_top{margin-bottom:35px;}
.Hplate_info .master_tab{margin-bottom:25px;}

.master_tab{margin:0 -20px;}
.master_tab .master_tab_item a{-webkit-transition:ease 0.2s;transition:ease 0.2s;padding:0 20px;color: #999;}
.master_tab .master_tab_item.on a{color:#000;}
.master_tab .master_tab_item a .hoverable_txt:after{background-color:#acacac;}
.master_tab .master_tab_item a .hoverable_txt{padding-bottom:5px;}

.product_box>.product_list{display:none;}
.product_list{margin:-8px;flex-wrap:wrap;}
.product_list.on{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.product_item>div{height:0;margin:8px;}
.product_item>div>a{position:absolute;top:0;left:0;width:100%;height:100%;}
.product_item>div a{border-radius:8px;-webkit-border-radius:8px;overflow:hidden;
-webkit-transition:all .2s linear;transition:all .2s linear;}
.product_item.productA_li{width:40%;}
.product_item.productA_li>div{padding-bottom:60%;}

.product_item .productA_bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.product_item .productA_bg>img{width:100%;height:100%;object-fit:cover;}
.product_item .productA_info{position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;padding:0 50px;background-color:rgba(0,0,0,.1);}
.product_item .productA_info .productA_name{font-size:28px;margin-bottom:15px;}
.product_item .productA_info .productA_p{font-size:16px;color:rgba(255,255,255,.8);}
.product_item .productA_info .productA_del{width:128px;height:40px;line-height:40px;
border-radius:40px;-webkit-border-radius:40px;margin-top:30px;font-size:16px;}

.product_item.productB_li{width:20%;}
.product_item.productB_li>div{padding-bottom:120%;}
.product_item .productB_picture{padding-bottom:90%;width:100%;}
.product_item .productB_picture>div{position:absolute;top:0;left:0;width:100%;height:100%;}
.product_item .productB_picture .productB_img{width:100%;height:100%;align-items:center;justify-content:center;}
.product_item .productB_picture .productB_img img{object-fit:contain;width:200px;height:200px;}
.product_item .productB_info{padding:20px 15px;}
.product_item .productB_info .productB_name{font-size:20px;margin-bottom:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-transform:uppercase;font-family: "PuHuiTi", sans-serif;}
.product_item .productB_info .productB_p{line-height:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-transform:uppercase;font-size:14px;font-family: "PuHuiTi", sans-serif;}

.product_item.productC_li{width:20%;}
.product_item.productC_li>div{padding-bottom:120%;}
.product_item.productC_li .productC_cnt{position:absolute;top:0;left:0;width:100%;height:100%;}
.product_item.productC_li .productC_half{height:50%;}
.product_item.productC_li .productC_half:first-child{padding-bottom:8px;}
.product_item.productC_li .productC_half:last-child{padding-top:8px;}
.product_item.productC_li .productC_half>a{height:100%;padding:20px 30px;align-items:center;}
.product_item.productC_li .productC_picture{order:2;height:100%;}
.product_item.productC_li .productC_info{text-align:justify;padding-right:10px;}
.product_item.productC_li .productC_name{font-size:16px;margin-bottom:12px;word-wrap:break-word;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box;text-transform:uppercase;
-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:24px;max-height:48px;}
.product_item.productC_li .productC_p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:22px;max-height:44px;}
.product_item.productC_li .productC_img{width:100%;height:100%;align-items:center;justify-content:flex-end;}
.product_item.productC_li .productC_img img{width:100%;height:100%;object-fit:contain;max-width:104px;max-height:104px;}

.product_item.productC_li .productC_icon{order:2;}
.product_item.productC_li .productC_icon i{font-size:50px;line-height:1;}
.left {float: left}.right {float: right}.center {margin-left: auto;margin-right: auto}.inleft {text-align: left}.inright {text-align: right}.incenter {text-align: center}
.posi {position:relative;}
.row{max-width:1440px;margin:0 auto;}
.master_top{align-items:center;}
.master_t_title{font-size:24px;line-height:32px;}
.master_t_right{margin-left:auto;color:#acacac;}
.master_t_right a{color:#acacac;-webkit-transition:ease 0.2s;transition:ease 0.2s;font-size:14px;font-family: "PuHuiTi", sans-serif;}
/*》》》》》》》》》》自定义字体颜色《《《《《《《《《《*/
.co-0{color:#fff;}
.co-1{color:#b01f24;}
.co-2{color:#000;}
.co-3{color:#333;}
.co-4{color:#666;}
.co-5 {
  color: #999;
}
.co-6{color:#b0292e;}
/*》》》》》》》》》》自定义背景颜色《《《《《《《《《《*/
.bg-0{background:#fff;}
.bg-1{background:#b01f24;}
.bg-2{background:#E0E0E0;}
.bg-3{background:#eee;}
.bg-4{background:#f5f5f5;}
.bg-5{background:#b0292e;}
@media screen and (max-width:1440px){
	.header .nav .navlist>.nav_a>a{padding:0 18px;font-size:15px;}
	.special_size26{font-size:22px;}

	.specialPush_txt .specialPush_txt_p1 em{font-size:18px;}
	.specialPush_txt .specialPush_txt_p2{font-size:20px;}
	
	.watch_item .watch_item_num em{font-size:20px;}
	.massage_item_info .massage_item_name{font-size:24px;}
	.fine_line .fine_info .fine_p{font-size:20px;}
	.introduce_title .introduce_logo{height:34px;}
	.product_item .productA_info .productA_name{font-size:24px;}
	.newsList_item .newsList_title{font-size:22px;}
	.newsList_item .newsList_order{font-size:22px;}
	.newsdel_top .newsdel_title{font-size:30px;}
	
	.serviceBanner_info .serviceBanner_txt_h{font-size:26px;}
	.serviceBanner_info .serviceBanner_tel_icon>i{font-size:44px;}
	.serviceBanner_info .serviceBanner_tel_number{font-size:24px;}
	
	.aboutBanner .aboutBanner_info>div{font-size:24px;}
	
	.aboutBrief_datas_item .data_number span{font-size:42px;}
	.aboutBrief_datas_item .data_number em{font-size:24px;}
	
	.aboutBrief_cnt .aboutBrief_info .aboutBrief_title{font-size:32px;}
	.mission_item .mission_item_icon{width:55px;height:55px;}
	.mission_item .mission_item_name{font-size:22px;}
	.course_matter{right:240px;}
	.course_txt{width:500px;}
	.course_matter .course_circular{width:240px;height:240px;}
	.course_matter .course_img{width:240px;}
	.course_matter .course_circular{bottom:-85px;}
	.course{padding-top:100px;}
	.course_info{margin:80px 0;}
	.course_txt .course_name{font-size:22px;}
	.course_txt .course_day span{font-size:38px;}
	.course_txt .course_day em{font-size:22px;}
	.tag_info .Hlabel_list{margin:-8px;}
	.tag_info .Hlabel_item{padding:8px;}
	
	.service_item .service_left{width:240px;}
	.service_item .service_right{padding-left:180px;}
	
	.service_item .service_title{font-size:26px;}
	.service_item .service_blank{height:80px;}
	.addressTap .addressTap_item{padding:0 20px;}
	
	.productBanner_info .productBanner_title{font-size:42px;}
	.productBanner_info .productBanner_p{font-size:22px;}
	.Hbrief_info .Hbrief_title{font-size:38px;}
	.Hbrief_info .Hbrief_txt{font-size:18px;}
	
	.massage_list{padding:0 40px;}
	.massage_item{padding:0 25px;}
	.watch_item .watch_item_name{font-size:20px;}
	.watch_item{width:190px;}
	
	.storemap{width:620px;}
	#storemap_city{height:420px;}
	.store_box .store_title{font-size:22px;}
	.product_item .productB_picture .productB_img img{width:176px;height:176px;}
	.product_item.productC_li>div{padding-bottom:125%;}
	.product_item.productB_li>div{padding-bottom:125%;}
	.product_item.productA_li>div{padding-bottom:62.5%;}
	.specialwarp .specialwarp_info{width:80%;}
}

@media screen and (max-width:1200px){
	.special_size26{font-size:20px;}
	.specialPush_txt .specialPush_txt_p2{font-size:18px;}
	.watch_item .watch_item_num em{font-size:18px;}
	.massage_item_info .massage_item_name{font-size:22px;}	
	.fine_line .fine_info .fine_name{font-size:34px;}
	.fine_line .fine_info .fine_p{font-size:18px;}
	.introduce_title .introduce_logo{height:30px;}
	.product_item.productA_li{width:50%;}
	.product_item.productB_li{width:25%;}
	
	.product_item.productC_li .productC_half>a{display:block;}
	.product_item.productC_li>div{padding-bottom:62.5%;}
	.product_item.productC_li .productC_picture{order:-1;width:100%;height:0;padding-bottom:90%;position:relative;}
	.product_item.productC_li .productC_img{position:absolute;top:0;left:0;justify-content:center;align-items:center;}
	.product_item.productC_li .productC_img img{max-width:152px;max-height:152px;}
	.product_item.productC_li .productC_info{width:100%;text-align:center;padding:20px 15px;}
	.product_item.productC_li .productC_half{width:50%;height:100%;}
	.product_item.productC_li .productC_half:first-child{padding-bottom:0;padding-right:8px;}
	.product_item.productC_li .productC_half>a{padding:0;}
	.product_item.productC_li .productC_half:last-child{padding-top:0;padding-left:8px;}
	.product_item.productC_li .productC_cnt{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
	.product_item.productC_li{width:50%;}
	
	.product_item.productC_li .productC_icon{order:-1;width:100%;text-align:center;height:0;padding-bottom:85%;position:relative;}
	.product_item.productC_li .productC_icon i{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);}
	.product_item.productC_li .productC_name{line-height:initial;-webkit-line-clamp:1;}
	.product_item.productC_li .productC_p{-webkit-line-clamp:1;}
	.product_item .productA_info .productA_name{font-size:22px;}
}
 /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>产品列表<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
 .productBanner_info .productBanner_title{font-size:2.6vw;line-height:1.3;margin-bottom:1vw;}
 .productBanner_info .productBanner_p{font-size:24px;font-weight:300;}
 
 .product{padding-bottom:100px;background-color: #f7f7fa;}
 .product .master_top{margin:0px 0;}
 .product .product_pos>a{display:inline-block;}

 /*  详情页strat */
 #main{height:100vh;position:relative;overflow:hidden;}
 /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>pageBanner<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.pageBanner,.screenBanner{width:100%;overflow:hidden;}
.pageBanner{height:36vw;}
.screenBanner{height:49vw;}
.pageBanner>div,.screenBanner>div{width:100%;height:100%;}
.pageBanner_bg{position:absolute;width:100%;height:105%;z-index:-1;left:0;top:0;}
.pageBanner_bg img{width:100%;height:100%;object-fit:cover;}
.pageBanner_info{align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
.pageBanner_info>div{width:100%;}
.specialPush{padding:8vw 0;font-family: "PuHuiTi", sans-serif;background-color:#000;}
.specialPush_box .specialPush_pic{width:43%;margin:0 auto;}
.specialPush_box .specialPush_pic>div{width:100%;height:0;padding-bottom:100%;background-color:rgba(255,255,255,.1);
border-radius:10px;-webkit-border-radius:10px;padding-bottom:100%;position:relative;}
.specialPush_box .specialPush_pic>div>img{max-width:100%;max-height:100%;object-fit:contain;
position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.specialPush_box .specialPush_txt{position:absolute;width:calc((100% - 43% - 50px) / 2);width:-webkit-calc((100% - 43% - 50px) / 2);
height:calc((100% - 50px) / 3);height:-webkit-calc((100% - 50px) / 3);align-items:center;background-color:rgba(255,255,255,.1);
-webkit-border-radius:15px;border-radius:15px;}
.specialPush_box .specialPush_txt>div{width:100%;}
.specialPush_txt .specialPush_txt_p1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.specialPush_txt .specialPush_txt_p1 span{font-size:2.604vw;line-height:1;}
.specialPush_txt .specialPush_txt_p1 em{font-size:1.35vw;margin-left:3px;}
.specialPush_txt .specialPush_txt_p2{font-size:1.4vw;margin-top:1.2vw;line-height:1.6; 
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0.6;-webkit-opacity:0.6;}

.specialPush_box .specialPush_txt.specia_move1{left:0;top:0;}
.specialPush_box .specialPush_txt.specia_move2{right:0;top:0;}
.specialPush_box .specialPush_txt.specia_move3{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);} 
.specialPush_box .specialPush_txt.specia_move4{right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.specialPush_box .specialPush_txt.specia_move5{left:0;bottom:0;} 
.specialPush_box .specialPush_txt.specia_move6{right:0;bottom:0;}

.specialwarp .specialwarp_info{position:absolute;width:68%;}
.specialwarp .specialwarp_info.wap_left{justify-content:flex-start;}
.specialwarp .specialwarp_info.wap_right{justify-content:flex-end;}
.specialwarp .specialwarp_info.wap_right>div{min-width:99%;}
.specialwarp{overflow:hidden;width:100%;height:49vw;}
.specialwarp .specialwarp_bg{width:100%;height:105%;position:absolute;top:0;left:0;}
.specialwarp .specialwarp_bg img{width:100%;height:100%;object-fit:cover;}

.specialwarp .specialwarp_info .special_top .special_title{margin-bottom:1.25vw;}
.specialwarp .specialwarp_info{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);}

.specialwarp.surface .specialwarp_info .special_top .special_title{margin-bottom:.8vw;}


/*.specialwarp.wapline3 .specialwarp_bg{width:100%;}
.specialwarp.wapline3 .specialwarp_bg img{width:100%;}
.specialwarp.wapline3 .specialwarp_info{right:0;top:50%;
-webkit-transform:translateY(-50%);transform:translateY(-50%);width:48vw;}
.specialwarp.wapline3 .specialwarp_info .special_top .special_title{margin-bottom:.8vw;}*/

@media screen and (min-width:1920px){
	/*专题vw限制*/
	.special_top .special_title{font-size:72px;}
	.special_size26{font-size:26px;}
	.specialPush_txt .specialPush_txt_p1 span{font-size:50px;}
	.specialPush_txt .specialPush_txt_p1 em{font-size:26px;}
	.specialPush_txt .specialPush_txt_p2{font-size:20px;}
	.specialvideo .special_top .special_title{margin-bottom:10px;}
	.specialvideo_cnt{margin-top:70px;}
	.specialvideo{padding-top:90px;}
	.specialPush_txt .specialPush_txt_p1 span{font-size:50px;}
	.specialPush_txt .specialPush_txt_p1 em{font-size:26px;}
	.specialPush_txt .specialPush_txt_p2{font-size:20px;margin-top:15px;}
    .specialwarp .specialwarp_info .special_top .special_title{margin-bottom:30px;}
    
	.specialwarp.surface .specialwarp_info .special_top .special_title{margin-bottom:15px;}
	
	.fine_line .fine_info>div{width:840px;font-size:30px;}
	.massage_item_info .massage_item_name{font-size:30px;}
	.fine_line .fine_info .fine_name{font-size:60px;}
	
	.footerNav{padding-right:160px;}
	.footerNav_item{padding-right:40px;}
	.newsdel_top .newsdel_title{font-size:40px;}
	.serviceBanner_info .serviceBanner_txt_h{font-size:36px;}
	.serviceBanner_info .serviceBanner_tel_icon>i{font-size:62px;}
	.serviceBanner_info .serviceBanner_tel_number{font-size:32px;}
	
	.aboutBrief_datas_item .data_number span{font-size:56px;}
	.aboutBrief_datas_item .data_number em{font-size:30px;}
	.aboutBrief_cnt .aboutBrief_info .aboutBrief_title{font-size:42px;}
	.course_txt .course_day span{font-size:42px;}
	.productBanner_info .productBanner_title{font-size:50px;}
	
	.Hbrief_info .Hbrief_title{font-size:44px;}
	.watch_item .watch_item_num span{font-size:44px;}
	
}

@media screen and (max-width:1440px){
	.header .nav .navlist>.nav_a>a{padding:0 18px;font-size:15px;}
	.special_size26{font-size:22px;}

	.specialPush_txt .specialPush_txt_p1 em{font-size:18px;}
	.specialPush_txt .specialPush_txt_p2{font-size:20px;}
	
	.watch_item .watch_item_num em{font-size:20px;}
	.massage_item_info .massage_item_name{font-size:24px;}
	.fine_line .fine_info .fine_p{font-size:20px;}
	.introduce_title .introduce_logo{height:34px;}
	.product_item .productA_info .productA_name{font-size:24px;}
	.newsList_item .newsList_title{font-size:22px;}
	.newsList_item .newsList_order{font-size:22px;}
	.newsdel_top .newsdel_title{font-size:30px;}
	
	.serviceBanner_info .serviceBanner_txt_h{font-size:26px;}
	.serviceBanner_info .serviceBanner_tel_icon>i{font-size:44px;}
	.serviceBanner_info .serviceBanner_tel_number{font-size:24px;}
	
	.aboutBanner .aboutBanner_info>div{font-size:24px;}
	
	.aboutBrief_datas_item .data_number span{font-size:42px;}
	.aboutBrief_datas_item .data_number em{font-size:24px;}
	
	.aboutBrief_cnt .aboutBrief_info .aboutBrief_title{font-size:32px;}
	.mission_item .mission_item_icon{width:55px;height:55px;}
	.mission_item .mission_item_name{font-size:22px;}
	.course_matter{right:240px;}
	.course_txt{width:500px;}
	.course_matter .course_circular{width:240px;height:240px;}
	.course_matter .course_img{width:240px;}
	.course_matter .course_circular{bottom:-85px;}
	.course{padding-top:100px;}
	.course_info{margin:80px 0;}
	.course_txt .course_name{font-size:22px;}
	.course_txt .course_day span{font-size:38px;}
	.course_txt .course_day em{font-size:22px;}
	.tag_info .Hlabel_list{margin:-8px;}
	.tag_info .Hlabel_item{padding:8px;}
	
	.service_item .service_left{width:240px;}
	.service_item .service_right{padding-left:180px;}
	
	.service_item .service_title{font-size:26px;}
	.service_item .service_blank{height:80px;}
	.addressTap .addressTap_item{padding:0 20px;}
	
	.productBanner_info .productBanner_title{font-size:42px;}
	.productBanner_info .productBanner_p{font-size:22px;}
	.Hbrief_info .Hbrief_title{font-size:38px;}
	.Hbrief_info .Hbrief_txt{font-size:18px;}
	
	.massage_list{padding:0 40px;}
	.massage_item{padding:0 25px;}
	.watch_item .watch_item_name{font-size:20px;}
	.watch_item{width:190px;}
	
	.storemap{width:620px;}
	#storemap_city{height:420px;}
	.store_box .store_title{font-size:22px;}
	.product_item .productB_picture .productB_img img{width:176px;height:176px;}
	.product_item.productC_li>div{padding-bottom:125%;}
	.product_item.productB_li>div{padding-bottom:125%;}
	.product_item.productA_li>div{padding-bottom:62.5%;}
	.specialwarp .specialwarp_info{width:80%;}
}

@media screen and (max-width:1200px){
	.special_size26{font-size:20px;}
	.specialPush_txt .specialPush_txt_p2{font-size:18px;}
	.watch_item .watch_item_num em{font-size:18px;}
	.massage_item_info .massage_item_name{font-size:22px;}	
	.fine_line .fine_info .fine_name{font-size:34px;}
	.fine_line .fine_info .fine_p{font-size:18px;}
	.introduce_title .introduce_logo{height:30px;}
	.product_item.productA_li{width:50%;}
	.product_item.productB_li{width:25%;}
	
	.product_item.productC_li .productC_half>a{display:block;}
	.product_item.productC_li>div{padding-bottom:62.5%;}
	.product_item.productC_li .productC_picture{order:-1;width:100%;height:0;padding-bottom:90%;position:relative;}
	.product_item.productC_li .productC_img{position:absolute;top:0;left:0;justify-content:center;align-items:center;}
	.product_item.productC_li .productC_img img{max-width:152px;max-height:152px;}
	.product_item.productC_li .productC_info{width:100%;text-align:center;padding:20px 15px;}
	.product_item.productC_li .productC_half{width:50%;height:100%;}
	.product_item.productC_li .productC_half:first-child{padding-bottom:0;padding-right:8px;}
	.product_item.productC_li .productC_half>a{padding:0;}
	.product_item.productC_li .productC_half:last-child{padding-top:0;padding-left:8px;}
	.product_item.productC_li .productC_cnt{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
	.product_item.productC_li{width:50%;}
	
	.product_item.productC_li .productC_icon{order:-1;width:100%;text-align:center;height:0;padding-bottom:85%;position:relative;}
	.product_item.productC_li .productC_icon i{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);}
	.product_item.productC_li .productC_name{line-height:initial;-webkit-line-clamp:1;}
	.product_item.productC_li .productC_p{-webkit-line-clamp:1;}
	.product_item .productA_info .productA_name{font-size:22px;}
	.Hlabel_item{width:33.333333%;}
	.Hlabel_list{flex-wrap:wrap;}
	.newsList_item .newsList_title{font-size:20px;}
	.newsList_item .newsList_order{font-size:20px;}
	.newsList_item .newsList_title{margin-bottom:25px;}
	.newsList_item .newsList_more{margin-top:35px;}
	.newsList_item .newsList_info{padding-right:100px;padding-left:70px;}
	.newsdel_top .newsdel_title{font-size:26px;}
	.serviceBanner_info .serviceBanner_txt_h{font-size:23px;}
	
	
	.serviceBanner_info .serviceBanner_tel_icon>i{font-size:40px;}
	.serviceBanner_info .serviceBanner_tel_number{font-size:22px;}
	
	.aboutBanner .aboutBanner_info>div{font-size:22px;}
	
	.aboutBrief_datas_item .data_number span{font-size:36px;}
	.aboutBrief_datas_item .data_number em{font-size:22px;}
	
	.aboutBrief_cnt .aboutBrief_info .aboutBrief_title{font-size:28px;}
	.mission_item .mission_item_icon{width:50px;height:50px;}
	.mission_item .mission_item_name{font-size:20px;}
	
	.course_matter{right:200px;}
	.course_txt{width:460px;}
	.course_matter .course_circular{width:200px;height:200px;}
	.course_matter .course_img{width:200px;}
	.course_matter .course_circular{bottom:-75px;}
	.course{padding-top:80px;}
	.course_info{margin:60px 0;}
	.course_txt .course_name{font-size:20px;}
	.course_txt .course_day span{font-size:34px;}
	.course_txt .course_day em{font-size:20px;}
	
	.service_item .service_left{width:200px;}
	.service_item .service_right{padding-left:140px;}
	
	.service_item .service_title{font-size:24px;}
	.service_item .service_blank{height:75px;}
	.addressTap .addressTap_item{padding:0 10px;}
	.productBanner_info .productBanner_title{font-size:36px;}
	.productBanner_info .productBanner_p{font-size:20px;}
	.Hbrief_info .Hbrief_title{font-size:32px;}
	.Hbrief_info .Hbrief_txt{font-size:16px;}
    
    .watch_item .watch_item_name{font-size:18px;}
    
    .watch_item{width:170px;}
    .storeCity_item{width:33.333333%;}
    .store_box .store_title{font-size:20px;}
    .product_item .productB_picture .productB_img img{width:152px;height:152px;}
}
.product_item > div a {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  overflow: hidden;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}
.product_item > div > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*href_hover*/
/*线型*/
.hoverable{overflow:hidden;}
.hoverable .hoverable_txt{position:relative;display:inline-block;}
.hoverable .hoverable_txt:after{content: '';width:100%;height:1px;
position:absolute;left:0;bottom:0;-webkit-transform:scaleX(0);transform:scaleX(0);
-webkit-transform-origin: right top;transform-origin: right top;
transition: -webkit-transform .4s cubic-bezier(.215,.61,.355,1);
transition: transform .4s cubic-bezier(.215,.61,.355,1);
transition: transform .4s cubic-bezier(.215,.61,.355,1);
-webkit-transform .4s cubic-bezier(.215,.61,.355,1);}




/*自定义样式*/

/* html {font-size:14px;min-height:100%;width:100%;}
body {overflow:hidden;font-size:100%;min-height:100%;width:100%;background:#f7f7fa;font-family: "思源黑体 Medium";}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;font-weight: normal}
h1 {font-size: 2em}
h2 {font-size: 1.667em}
h3 {font-size: 1.5em;font-family: "思源黑体 Normal";font-weight: 350;}
h4 {font-size: 1.333em}
h5 {font-size: 1.166em}
h6 {font-size: 1em} */






/*》》》》》》》》》》自定义字体颜色《《《《《《《《《《*/
.co-0{color:#fff;}
.co-1{color:#b01f24;}
.co-2{color:#000;}
.co-3{color:#333;}
.co-4{color:#666;}
.co-5{color:#999;}
.co-6{color:#b0292e;}

/*》》》》》》》》》》自定义背景颜色《《《《《《《《《《*/
.bg-0{background:#fff;}
.bg-1{background:#b01f24;}
.bg-2{background:#E0E0E0;}
.bg-3{background:#eee;}
.bg-4{background:#f5f5f5;}
.bg-5{background:#b0292e;}


/*》》》》》》》》》》自定义滚动条《《《《《《《《《《*/
@media(min-width:992px){
	::-webkit-scrollbar{width:5px;}
	::-webkit-scrollbar-track-piece{background:#e0e0e0;}
	::-webkit-scrollbar-thumb:vertical{background-color:#333;}
}

/*》》》》》》》》》》动态效果《《《《《《《《《《*/
.opacity{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-opacity:0;visibility:hidden;}

.transition02{transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;}
.transition035{transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.transition05{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.transition075{transition:all 0.75s;-moz-transition:all 0.75s;-webkit-transition:all 0.75s;-o-transition:all 0.75s;}
.transition1{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}

.transition-delay01{transition-delay:0.1s;-moz-transition-delay:0.1s; -webkit-transition-delay:0.1s;-o-transition-delay:0.1s;}
.transition-delay02{transition-delay:0.2s;-moz-transition-delay:0.2s; -webkit-transition-delay:0.2s;-o-transition-delay:0.2s;}
.transition-delay03{transition-delay:0.3s;-moz-transition-delay:0.3s; -webkit-transition-delay:0.3s;-o-transition-delay:0.3s;}
.transition-delay05{transition-delay:0.5s;-moz-transition-delay:0.5s; -webkit-transition-delay:0.5s;-o-transition-delay:0.5s;}
.transition-delay075{transition-delay:0.75s;-moz-transition-delay:0.75s; -webkit-transition-delay:0.75s;-o-transition-delay:0.75s;}

/*电端加上鼠标效果 */
@media screen and (min-width:992px){	
  .header .Hsearch .Hsearch_form .Hsearch_dt:hover>button>i{color:#b01f24;}
.pageList li a:hover{background-color:#b01f24;color:#fff;border-color:#b01f24;}
  .hoverable:hover .hoverable_txt:after{-webkit-transform:scaleX(1);transform:scaleX(1);
  -webkit-transform-origin:left top;transform-origin:left top;}
  .hoverbtn:hover .hoverbtn_txt:before,
.hoverbtn:hover .hoverbtn_txt:after{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.hoverbtn:hover .hoverbtn_txt:after{-webkit-transition-delay: 0.175s;transition-delay: 0.175s;}   
  .master_tab .master_tab_item a:hover{color:#000;}    
  .master_tab .master_tab_item a:hover .hoverable_txt:after{background-color:#000;}
  .product_item>div a:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.15);box-shadow:0 15px 30px rgba(0,0,0,.15);
  -webkit-transform: translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}
  .master_t_right a:hover{color:#b01f24;}
  
  .Hvideo_item a:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.15);box-shadow:0 15px 30px rgba(0,0,0,.15);
  -webkit-transform: translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}    
  .Hvideo_item a:hover .Hvideo_btn:after{height:100%;}
  
  .footerNav_item .footerNav_b>li>a:hover .hoverable_txt:after{background-color:#fff;}
  .footerNav_item .footerNav_b>li>a:hover .hoverable_txt{color:#fff;}
  .footer_Keep a:hover{color:#fff;}
  
  .product_item a:hover .productB_info .productB_p>div{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.product_item a:hover .productB_info .productB_p .productB_p2{opacity:0;-webkit-opacity:0;}
.product_item a:hover .productB_info .productB_p .productB_p2{opacity:1;-webkit-opacity:1;}
.course_switch .course_switch_btn:hover:after{width:58px;height:58px;background-color:#b0292e;}
.courseTap_info:hover>div{color:#b0292e;}

.newsList_item a:hover:before{background-color:#f5f5f5;}
.newsList_item a:hover .newsList_more{color:#fff;}
.newsList_item a:hover .newsList_more:after{border-color:#b02a2f;}
.newsList_item a:hover .newsList_img figure img{transform:scale(1.1);-webkit-transform:translate(1.1);}
.newsDel_btn .newsDtl_back a:hover::before{opacity:0;-webkit-opacity:0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.newsDel_btn .newsDtl_back a:hover>span{opacity:1;-webkit-opacity:1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.newsDel_btn .newsDtl_back a:hover>span:nth-child(1){-webkit-transition-delay:0.05s;transition-delay:0.05s;}
.newsDel_btn .newsDtl_back a:hover>span:nth-child(2){-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.newsDel_btn .newsDtl_back a:hover>span:nth-child(3){-webkit-transition-delay:0.15s;transition-delay:0.15s;}
.newsDel_btn .newsDtl_back a:hover>span:nth-child(4){-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.newsDel_btn .newsDtl_Jump a:hover{color:#b01f24;}	
.addressTap .addressTap_item a:hover{color:#333;font-weight:bold;} 
  .addressTap .addressTap_item a:hover .hoverable_txt:after{background-color:#333;} 
  
  .addressInfo_item a:hover .addressInfo_icon,
  .addressInfo_item a:hover .addressInfo_name,
  .storeCity_item a:hover .storeCity_icon,
  .storeCity_item a:hover .storeCity_name{color:#b01f24;}

  .problem_item a:hover .problem_item_top .problem_item_name{color:#b01f24;}
  
  .policyTab .policyTab_item a:hover{font-weight:bold;color:#333;}
  .policyTab .policyTab_item a:hover:after{width:100%;background-color:#333;}
  
  .massage_item a:hover .massage_item_img>div img{-webkit-transform:translateY(8px);transform:translateY(8px);}
  
  .pcNavCnt_line .pcNavCnt_item a:hover .pcNavCnt_item_img{transform:translateY(8px);-webkit-transform:translateY(8px);}
  /*.header .nav .navlist>.nav_a:hover .pcNav{display:block;}*/
  
  .storemap .storemap_close>a:hover>i{transform:rotate(180deg);-webkit-transform:rotate(180deg);}}
  /*  移动端产品列表页 */
  @media screen and (max-width: 992px){
  .product {
    padding-bottom: 60px;
  }
  .row {
    padding: 0 20px !important;
  }
  .product .master_top {
    margin: 40px 0;
  }
  .product_list {
    margin: -6px;
  }
  .product_item.productA_li{width:100%;}
	.product_item.productB_li{width:50%;}
	.product_item.productC_li{width:50%;}
	.product_item.productC_li .productC_half:nth-child(1){display:none;}
	.product_item.productC_li .productC_half{width:100%;height:100%;padding-left:0;}	
	.product_item.productC_li .productC_half:last-child{padding-left:0;}
	.product_item.productC_li .productC_icon i{font-size:44px;}
	.product_item.productA_li>div{padding-bottom:56%;}
	.product_item .productB_info .productB_name{font-size:14px;}
	.product_item .productB_info .productB_p{font-size:12px;line-height:20px;}
  .product_item>div{margin:6px;}
	.product_list{margin:-6px;}
	.Hbanner_swiper{margin-top:60px;}
	.product_item .productA_info .productA_name{font-size:20px;margin-bottom:12px;}
	.product_item .productA_info .productA_p{font-size:14px;}
	.product_item .productA_info .productA_del{font-size:14px;width: 110px;height:36px;line-height:36px;margin-top:20px;}
	.product_item .productA_info{padding:0 25px;}
	.master_t_title{font-size:22px;}
	.Hplate_info .master_top{margin-bottom:30px;}
	.Hplate_info .master_tab{margin-bottom:20px;}
	.Hplate{padding:30px 0;}
	.Hplate_list{padding:30px 0;}
  .product .product_pos{display:none;}
  .product{padding-bottom:60px;}
	.product .master_top{margin:40px 0;}
  .master_tab .master_tab_item a{padding:0 10px;}
	.master_tab{margin:0 -10px;}
}

@media screen and (max-width: 1440px){
.product_item.productB_li > div {
  padding-bottom: 125%;
}
}
/*  index 产品 */
.indban .swiper-slide{overflow: hidden;background: #000;}
.fancy_wrapper_lang{padding:80px 0;}
.fancy_box h5{font-size: 50px;}
.fancy_box h5.fnt_44{font-size: 44px;line-height: 1.2;}
.ebc_section_1 .top_svg{display: none;}
.ebc_section_2 ul{padding-top: 0.8%;}
.ebc_section_2 ul {display: flex;flex-wrap: wrap;width: 100%;}
.ebc_section_2 li .text .title{font-family: "PuHuiTi", sans-serif;font-size: 36px;}
.ebc_section_5{margin-top: 16px;}
.ebc_section_5 .text .title br{display: none;}
.ebc_section_5 .text .title{color: rgba(255, 255, 255, 0.75);margin-bottom: 10px;}
.ebc_section_5 .text .tag{color: rgba(255, 255, 255, 0.75);line-height: 30px;margin-bottom: 40px;}
.ebc_section_5 .text .tag span{width:100%;margin: 0;display: inline-block;text-align: center;}
.ebc_section_5 .text .link{background-image:url(../img/btn_default_white.png);color: rgba(255, 255, 255, 1);}
.ebc_section_5 .text .tag ul{text-align: center;}
.ebc_section_5 .text .tag ul li{width: 140px;margin: 0;display: inline-block;text-align: center;}

.ebc_section_6 .swiper-container:after{content: '';    display: block;    position: absolute;    background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);    right: 0;    top: 0;    bottom: 0;z-index: 2;width:100px;}
.ebc_section_6 .swiper-container:before{content: '';    display: block;    position: absolute;    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);    left: 0;    top: 0;    bottom: 0;z-index: 2;width:100px;}

.po_fix2{padding-top: 0px;}
.qrqm_con{position: relative;}
.qrqm_con img{width: 100%;}
.qrqm_con .title{
	font-weight: 700;
	color: #6236FF;
	position: absolute;left: 50%;top: 12%;text-align: center;transform: translateX(-50%);-webkit-transform: translateX(-50%);
	background: linear-gradient(144deg, #FF860C 0%, #FF5C5C 45%, #5C3CFF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*  首页箭头特效 */
.ebc_section_2 li .text{padding:20px 30px;}
.ebc_section_2 li .text .link{bottom: 52px;right: 68px;}
.ebc_section_2 li .text .link i{display: block;background: #fff;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;display: -ms-inline-flexbox;display: -webkit-inline-flex;display: -moz-inline-box;display: inline-flex;height: 3.375rem;border-radius: 100%;-ms-flex-pack: center;-webkit-justify-content: center;-moz-box-pack: center;justify-content: center;margin: auto 0;top: 50%;left: -1px;position: absolute;width: 3.375rem;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);-ms-transform-origin: center;-webkit-transform-origin: center;-moz-transform-origin: center;-o-transform-origin: center;transform-origin: center;z-index: 0;}
.ebc_section_2 li .text .link i::before{background: inherit;border-radius: 100%;content: "";opacity: .05;top: 0;right: 0;bottom: 0;left: 0;position: absolute;-ms-transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);z-index: -1;}
.ebc_section_2 li .text .link i img{-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);width: .8125rem;}
.ebc_section_2 li .text .link:hover i img{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-filter: invert(100%) sepia(6%) saturate(0%) hue-rotate(115deg) brightness(108%) contrast(108%);filter: invert(100%) sepia(6%) saturate(0%) hue-rotate(45deg) brightness(45%) contrast(45%);}
.ebc_section_2 li .text .link:hover i:after {-webkit-transform: scale(2);-moz-transform: scale(2);-ms-transform: scale(2);-o-transform: scale(2);transform: scale(2);}
.ebc_section_2 li .text .link:hover i:before {-webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3);-o-transform: scale(3);transform: scale(3);}

.indban .swiper-container .text .title{font-weight: 700;}
.indban_text .title{font-weight: 700;}
.ebc_section_1 .text_box .title{font-weight: 700;}
/* .ebc_section_2 li .text .title{font-weight: 700;} */
.ebc_section_5 .text .title{font-weight: 700;}
.ebc_section_6 .title{font-weight: 700;}
.ebc_section_6 .swiper-container{width: 85%}
@media only screen and (max-width:1800px){
	.indban .fnt_56{font-size: 45px;line-height: 1.5;}
	.indban .swiper-container .text{top: 90px;}
	.indban .swiper-container .text .title{margin-bottom: 5px;line-height: 1.5;}
	.indban .swiper-container .text .subtitle{margin-bottom: 24px;line-height: 1.5;}
	.indban .swiper-container .text .link a{width: 150px;height: 45px;line-height: 45px;}
	
	.indban_text{top:90px;}
	.indban_text .title{margin-bottom: 5px;line-height: 1.5;}
	.indban_text .subtitle{margin-bottom: 24px;line-height: 1.5;}
	.indban_text .link a{width: 150px;height: 45px;line-height: 45px;}

	.ebc_section_1 .text_box .link a{width: 150px;height: 45px;line-height: 45px;}
	.ebc_section_5 .text .link{width: 150px;height: 45px;line-height: 45px;}
  .ebc_section_2 li{
    width: 49.58%;
    margin-right:0.84%;position: relative;
    margin-bottom: 0.84%;
    overflow:hidden;
   }
	.ebc_section_2 li .text .title{font-size: 30px;}
}
@media only screen and (max-width:1500px){
	.ebc_section_6 .swiper-container{width: 100%}
	.indban .fnt_56{font-size: 34px;}
	.indban .swiper-container .text .subtitle{font-size: 16px;}
	.indban_text .subtitle{font-size: 16px;}

	.fancy_box h5{font-size: 40px;}
	.fancy_box h5.fnt_44{font-size: 34px;}

	.ebc_section_2 li .text .title{font-size: 26px;}
}

.touch_body .ebc_section_4{height: auto!important;}

.touch_body .ebc_section_1{height: auto;}
.touch_body .po_fix .ebc_section_2{height: auto!important;}
.touch_body .ebc_section_2s{display: none;}
.touch_body .ebc_section_3{height: auto!important;}
.touch_body .po_fix .ebc_section_2{position: static;}
.touch_body .ebc_section_3 .big_title{position: static;height: auto;transform:translate(0%,0%);width: 100%;}
.touch_body .ebc_section_3 .big_title div{position: static;transform:translate(0%,0%);padding:0px;margin-bottom: 30px;}
.touch_body .ebc_section_3 .img_list{position: static;}
.touch_body .ebc_section_3 .img_list li{opacity: 1!important;}
.touch_body .ebc_section_3 .big_title .word_img{height: 40px;position: relative;top: -4px;left: -5px;}
.touch_body .ebc_section_5{height: auto!important;}
.ebc_section_2 li{
  width: 49.58%;
  margin-right:0.84%;position: relative;
  margin-bottom: 0.84%;
  overflow:hidden;
 }
 

 .ebc_section_2 li:nth-child(2n){margin-right: 0;}
 .mo_o_div {
  display: none !important;
}
  .ebc_section_2 li .img img{
    width:100%;
/*    position:absolute;
    width: 100%;left:50%;
    top:50%;
    transform:translate(-50%,-50%);*/
  }
 .ebc_section_2 li .text{position: absolute;width: 100%;padding: 40px;bottom: 0;left: 0;color: #fff;}
 .ebc_section_2 li .text .title{
  width:100%;
  padding-right:160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
 }
 .ebc_section_2 li .text .link{
  display:block;
  width: 154px;
  height: 48px;
  background-image: url(../images/btn_default_white.png);
  background-repeat: no-repeat;
  background-size:contain;
  background-position: center;
  line-height: 48px;
  color: #fff;
  padding-left: 20px;
  text-align:center;
  right:40px;
  bottom:40px;
}
.ebc_section_2 li .text .link {
  display: block;
  width: 154px;
  height: 48px;
  background-image: url(../images/btn_default_white.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  line-height: 48px;
  color: #fff;
  padding-left: 20px;
  text-align: center;
  right: 40px;
  bottom: 40px;
}
.ebc_section_2 li .text .link {
  bottom: 52px;
  right: 68px;
}
.ebc_section_2 li .text .link i{
  display: none;
}
.pra {
  position: absolute;
}
.ebc_section_2 li .text .link:hover {
  background-image: url(../images/btn_suspended.png);
  color: #121212;
}
 .ebc_section_2 li .text .link:hover{
  background-image: url(../images/btn_suspended.png);
  color:#121212;
 }
 .ebc_section_2 li .text .link:active{
  background-image: url(../images/btn_clicked_02.png);
  color:#121212;
 }
 @media only screen and (max-width:1280px){
  .ebc_section_2 li .text{
    padding:20px;
  }
  .ebc_section_2 li .text .title{
    padding-right:130px;
  }
  .ebc_section_2 li .text .link{
    width:120px;
    height:38px;
    line-height: 38px;
    bottom:20px;
    right:20px;
  }
  
 }
 @media only screen and (max-width:768px){
  .ebc_section_2{
    padding:0;
    margin-top: 3%
  }
  .ebc_section_2 ul{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .ebc_section_2 li .text .title{
    padding-right: 36px
  }
  .ebc_section_2 li .text .link{
    background-image:url(../images/button_white.png);
    font-size: 0;
    width:30px;
    height:30px;
    padding-left:0;
    bottom:10px;
    right:20px;
  }
 
  .ebc_section_2 li .text{padding: 10px 20px;}
  .ebc_section_2 li{width: 94%;margin-left:auto;margin-right:auto ;float: none;}
  .ebc_section_2 li:nth-child(2n){margin-right:auto;}
  
      
  }
  @media only screen and (max-width:680px){
    .touch_body .indban{height: auto;overflow: hidden;}
    .touch_body .indban .swiper-container{background-color: #000;height:auto;}
    .touch_body .indban img{height: auto;}
    .touch_body .indban video{height: auto;display: block;opacity: 1;}
    .indban .swiper-slide{height: auto;}
    .pc_o_div{display: none!important;}
	.mo_o_div{display: block!important;}
  
    .isAndroid.touch_body .indban video{height: auto;display: none;}
  
    .indban .fnt_56{font-size: 26px;}
    .indban .swiper-container .text .subtitle{font-size: 14px;}
    .indban_text .subtitle{font-size: 14px;}
    .indban{height: 60vh;}
    .indban .swiper-container{background-color: #000;}
    .indban img{height: 60vh;transition:unset;}
    .indban .swiper-container .text{top:50px;}
    .indban .swiper-container .text .title{margin-bottom: 5px;line-height: 1.5;}
    .indban .swiper-container .text .subtitle{margin-bottom: 10px;}
    .indban .swiper-button-prev{display: none!important;}
    .indban .swiper-button-next{display: none!important;}
    .indban .swiper-container .text .link a{width: 96px;height: 30px;line-height: 30px;background-size: 100% 100%;font-size: 12px;}
    .indban_text{top: 70px;}
    /*.indban video{height: 60vh;}*/
    .indban_text .title{margin-bottom: 5px;line-height: 1.5;}
    .indban_text .subtitle{margin-bottom: 10px;}
    .indban_text .link a{width: 96px;height: 30px;line-height: 30px;background-size: 100% 100%;font-size: 12px;}
    
    
    .ebc_section_1 .text_box{top:30%;}
    .ebc_section_1 .text_box .title{line-height: 1.2;margin-bottom: 10px;width: 205px;margin-left: auto;margin-right: auto;}
    .ebc_section_1 .text_box .link a{width: 96px;height: 30px;line-height: 30px;background-size: 100% 100%;font-size: 12px;}
    .ebc_section_1 .top_svg{display: none;}
    .ebc_section_1 .bottom_img .wap_play{display: block;position: absolute;top: 45%;left:50%;}
    .ebc_section_1 .text_box .link a:hover{background-image: url(../img/btn_default_white.png);}
    .ebc_section_1 .text_box .link a:active{background-image: url(../img/btn_default_white.png);}
    .ebc_section_1 .bottom_img video{display: none;}
  
    .ebc_section_1 .and_video_img{display: block;}
    .ebc_section_1 .and_video_img img{width: 100%;}
    
    .pv_clo{position: absolute;top: 20%;left: 30px;width: 20px;height: 20px;}
    .pv_clo img{width: 100%!important;}
  
  
    
    .qrqm_con .title{width: 100%;}
    .ebc_section_2 li{width:100%;margin:0px;}
    .ebc_section_2 li .text{bottom: auto;top: 10px;text-align: center;color: #000;z-index:2;/*position: static;*/}
    .ebc_section_2 li .text .title{padding:0px;float: none;font-size: 24px;}
    .ebc_section_2 li .text .link{
      background-image: url(../images/btn_default_black.png);width: 96px;height: 30px;line-height: 30px;background-size: 100% 100%;font-size: 12px;
      position: static;margin:10px auto;padding-left: 15px;color: #000;
    }
  
    .ebc_section_4 li .img{height: 400px;position: relative;overflow: hidden;}
    .ebc_section_4 li .img img{width:auto;height:100%;position: absolute;top: 0;left: 50%;transform:translateX(-50%);}
    .ebc_section_4 li .text{bottom: auto;top: 10px;text-align: center;color: #000;}
    .ebc_section_4 li .text .title{padding:0px;float: none;font-size: 24px;}
    .ebc_section_4 li .text .link{
      background-image: url(../images/btn_default_black.png);width: 96px;height: 30px;line-height: 30px;background-size: 100% 100%;font-size: 12px;
      position: static;margin:10px auto;padding-left: 15px;color: #000;
    }
    .ebc_section_4 li:nth-of-type(1) .text{color: #fff;}
    .ebc_section_4 li:nth-of-type(1) .text .link{color: #fff;background-image: url(../images/btn_default_white.png);}
    .ebc_section_4 li:nth-of-type(2) .text{color: #fff;}
    .ebc_section_4 li:nth-of-type(2) .text .link{color: #fff;background-image: url(../images/btn_default_white.png);}
    .ebc_section_4 li:nth-of-type(3) .img img{transform:translateX(-57%);}
  
    .ebc_section_5 .text .link{width: 96px;height: 30px;line-height: 30px;background-size: 100% 100%;font-size: 12px;}
    .ebc_section_5 .text .title{font-size: 24px;color: #fff;width: 80%;margin-right: auto;margin-left: auto;}
    .ebc_section_5 .text .title br{display: block;}
    .ebc_section_5 .img{padding-bottom: 125%;background-color: #fbfbfb;}
    .ebc_section_5 .img img{width: 100%;position: absolute;bottom: 0;left: 50%;transform:translateX(-50%);}
    .ebc_section_5 .text{top: 10%;}
    .ebc_section_5 .text .tag{margin-bottom: 20px;color: #fff;}
    .ebc_section_5 .text .tag ul li{width: 80px;line-height: 1.3;}
    .ebc_section_5 .text .tag ul li span{}
    
    .po_fix .ebc_section_6{padding-bottom: 17%;padding-top: 10%;}
    .ebc_section_6 .title{font-size: 24px;}
  
    .mo_navCon ul li{border-bottom: 1px solid rgba(255,255,255,0.2);}
    .mo_search,.mo_langu{width: 17px;margin-top: 13px;}
    .mo_nav .nav_btn span{height: 1px;}
    .mo_nav .nav_btn:before{height: 1px;top:11px;}
    .mo_nav .nav_btn:after{height: 1px;top:1px;}
    .mo_searchCon dl dd{border-bottom: 1px solid rgba(255,255,255,0.2);}
    .mo_nav .nav_btn.active{margin-top: 14px;}
    .mo_languCon .mo_languDl dd{border-bottom: 1px solid rgba(255,255,255,0.2);}
    .mo_languCon .mo_languDl dd:hover a{color: #4660FF;}
    .mo_languCon .mo_languDl dd:hover b{color: #4660FF;}
    
    .indban .swiper-pagination .swiper-pagination-customs{transform:scale(0.7);margin:0px;}
  
  }

/*  产品详情页 */
.introduce {
  padding: 6vw 0;
}
.bg-0 {
  background: #fff;
}
.introduce_title .introduce_logo {
  height: 2.34375vw;
  margin: 0 auto;
    margin-bottom: 0px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  margin-bottom: .8vw;
}
.introduce_title .introduce_logo img {
  height: 100%;
}
.introduce_box .introduce_info {
  font-family: "PuHuiTi", sans-serif;
  font-size: 18px;
  line-height: 1.6;
  padding-left: 5vw;
  justify-content: flex-start;
  width: 50%;
}
.co-2 {
  color: #000;
}
.flex {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.left {
  float: left;
  font-family: "PuHuiTi", sans-serif;
font-size: 18px;
margin: 60px 0;
}
.introduce_box .introduce_info .introduce_info_p {
  padding: 20px 0;
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.introduce_box .introduce_info {
  font-family: "PuHuiTi", sans-serif;
  font-size: 18px;
  line-height: 1.6;
}
.introduce_box .introduce_info > div {
  width: 100%;
}
/*  产品详情页end */
@media only screen and (max-width: 680px){
	.homekit_advt .advt_more a{font-size: 12px;}
	.metro_container .metro_r1 .inner_more i{margin-top: 5px;}
	.metro_container .metro_l2 .inner_more i{margin-top: 5px;}
	.metro_container .metro_r3 .inner_more i{margin-top: 5px;}
	.note_more a > i{margin-top: 5px;}
	.homekit_advt .advt_more a > i{margin-top: 5px;}
	.homekit_metro{margin-top: 30px;}
	.banner .banner_homekit_txt{top: 30px;}
	.banner .banner_homekit_txt h3{font-size: 24px;}
	.banner .banner_homekit_txt h5{font-size: 14px;}
	.banner .banner_homekit_txt .banner_homekit_logo{width: 70px;}
	.homekit_imgTxt .txt{font-size: 14px;padding:0 20px;}
	.homekit_imgTxt .txt br{display: none;}
	.homekit_imgTxt.w1400{padding:0px;}
	.metro_container .metro_l1{float: none;}
	.metro_container .metro_l1 .metro_img{text-align: left;left: 4%;}
	.metro_container .metro_l1 .metro_img img{width: 55%;}
	.metro_container .metro_r1{float: none;display: block;}
	.metro_container .metro_r1 .metro_img{background-color: #fafafa;overflow: hidden;height: auto;padding-bottom: 0;position: static;width:100%;}
	.metro_container .metro_r1 .metro_img img{transform: translate(0px,0%);-webkit-transform: translate(0px,0%);width: 129%;max-width: none;position: static;}
	.metro_container .metro_r1 .inner_txt{width: auto;left: 10%;top:11%;right:0px;display: inline-block;position: absolute;padding:0;}
	.metro_container .metro_r1 .inner_title{font-size: 16px;}
	.metro_container .metro_r1 .inner_desc{font-size: 12px;padding-right: 45px;}
	
	.metro_container .metro_wap_r2{margin-top: 35px;}
	.metro_container .metro_wap_r2 .metro_img{text-align: left;left: 4%;}
	.metro_container .metro_wap_r2 .metro_img img{width: 55%;}
	.metro_container .metro_l2 .inner_title{font-size: 16px;}
	.metro_container .metro_l2 .inner_desc{font-size: 12px;}

	.metro_container .metro_l2 .inner_txt{width: auto;left: 10%;top:11%;right:0px;display: inline-block;position: absolute;padding:0;}
	.metro_container .metro_l2 .metro_img{background-color: #fafafa;overflow: hidden;height: auto;padding-bottom: 0;position: static;width:100%;}
	.metro_container .metro_l2 .metro_img img{transform: translate(0px,0%);width: 129%;max-width: none;position: static;}
	
	.metro_container .metro_l3{margin-top: 35px;}
	.metro_container .metro_l3 .metro_img{text-align: left;left: 4%;}
	.metro_container .metro_l3 .metro_img img{width: 55%;}
	.metro_container .metro_r3 .inner_title{font-size: 16px;}
	.metro_container .metro_r3 .inner_desc{font-size: 12px;}
	.metro_container .metro_r3 .inner_txt{width: auto;left: 10%;top:11%;right:0px;display: inline-block;position: absolute;padding:0;}
	.metro_container .metro_r3 .metro_img{background-color: #fafafa;height: auto;padding-bottom: 0;position: static;width:100%;}
	.metro_container .metro_r3 .metro_img img{transform: translate(0px,0%);width: 129%;max-width: none;position: static;}
	.metro_container .metro_r3 .inner_more{margin-top: 15px;}
	

	.homekit_note .note_con{padding:0px;overflow: hidden;}
	.homekit_note .note_con .w1400{width:90%;padding:0px;}
	.homekit_note .swiper_vid_next{display: none;}
	.homekit_note .swiper_vid_prev{display: none;}
	.touch_body .homekit_note .swiper_vid_prev{display: none;}
	.touch_body .homekit_note .swiper_vid_next{display: none;}
	.homekit_note .swiper-container{width: 85%;margin:0px;overflow: inherit;}
	.homekit_note .swiper-slide .swiper_vid_box{border-radius: 5px;width: 100%;}
	.homekit_note .swiper-slide .swiper_vid_title{margin-top: 10px;white-space: normal;}
	.homekit_note .swiper-slide .swiper_vid img{width: 100%;}

	.note_more{width:90%;margin:15px auto;}
	.note_more a{margin:0px;margin-right: 10px;font-size: 12px;}

	.advt_wrapper .advt_swiper_prev{display: none;}
	.advt_wrapper .advt_swiper_next{display: none;}
	.advt_wrapper:hover .advt_swiper_prev{display: none;}
	.advt_wrapper:hover .advt_swiper_next{display: none;}
	.advt_wrapper{width: 90%;padding:0px;}
	.advt_wrapper dl{height: auto;padding:0px;}
	.advt_wrapper dt{z-index: 2;bottom:71%;background: none;}
	.advt_wrapper dd{height: auto;position: static;}
	.advt_wrapper dd img{position: static;transform: translate(0%,0%);-webkit-transform: translate(0%,0%);}
	.advt_wrapper .swiper-wrapper{display: block;}
	.advt_wrapper .swiper-slide{margin-bottom: 20px;}
	.advt_wrapper p{font-size: 18px;}
	.homekit_advt{padding-bottom: 50px;}
	.homekit_advt .advt_more{margin-top: 0px;}
	/*.homekit_aim{border:1px dashed #999;}*/
	.homekit_aim h4{font-size: 14px;}
	.homekit_aim p{font-size: 12px;}
	.homekit_aim .wrap{border:0px;padding-left: 30px;padding-right: 30px;}
}
@media only screen and (max-width:520px){
	.banner .banner_homekit_txt h3{
		font-size: 36px;
	}
	.metro_container .metro_l1{
		width:100%;
		height:auto;
		padding-bottom: 0
	}
	.metro_container .metro_l1 .metro_img{
		position:relative;
		text-align: center
	}
	.metro_container .metro_l1 .metro_img img{
		position:relative;
		width:60%;
		height:auto;
		left:auto;
		top:auto;
		transform:none;
	}

	.metro_container .metro_r1{
		width:100%;
		height:auto;
		padding-bottom: 0;
		margin-top: 16px
	}
	.metro_container .metro_r1 .metro_img{
		position:relative;
		text-align: center
	}
	.metro_container .metro_r1 .metro_img img{
		position:relative;
		width:100%;
		height:auto;
		left:auto;
		top:auto;
		transform:none;
	}
	.metro_container .metro_wap_r2{
		display: block;
		width:100%;
		height:auto;
		padding-bottom: 0
	}
	.metro_container .metro_wap_r2 .metro_img{
		position:relative;
		text-align: center
	}
	.metro_container .metro_wap_r2 .metro_img img{
		position:relative;
		width:60%;
		height:auto;
		left:auto;
		top:auto;
		transform:none;
	}
	.metro_container .metro_pc_r2{display: none;}
	.metro_container .metro_l2{
		width:100%;
		height:auto;
		padding-bottom: 0
	}
	.metro_container .metro_l2 .metro_img{
		position:relative;
		text-align: center
	}
	.metro_container .metro_l2 .metro_img img{
		position:relative;
		width:100%;
		height:auto;
		left:auto;
		top:auto;
		transform:none;
	}
	.metro_container .metro_l3{
		width:100%;
		height:auto;
		padding-bottom: 0
	}
	.metro_container .metro_l3 .metro_img{
		position:relative;
		text-align: center
	}
	.metro_container .metro_l3 .metro_img img{
		position:relative;
		width:60%;
		height:auto;
		left:auto;
		top:auto;
		-webkit-transform:none;
		-moz-transform:none;
		-o-transform:none;
		-ms-transform:none;
		transform:none;
	}
	.metro_container .metro_r3{
		width:100%;
		height:auto;
		padding-bottom: 0
	}
	.metro_container .metro_r3 .metro_img{
		position:relative;
		text-align: center
	}
	.metro_container .metro_r3 .metro_img img{
		position:relative;
		width:100%;
		height:auto;
		left:auto;
		top:auto;
		-webkit-transform:none;
		-moz-transform:none;
		-o-transform:none;
		-ms-transform:none;
		transform:none;
	}
	.metro_container .metro_item .metro_img{
		position:relative;
		text-align: center
	}
	.metro_container .metro_item .metro_img img{
		position:relative;
		height:auto;
		left:auto;
		top:auto;
		-webkit-transform:none;
		-moz-transform:none;
		-o-transform:none;
		-ms-transform:none;
		transform:none;
	}

}
@media only screen and (max-width:479px){

    .banner .banner_homekit_txt .banner_homekit_logo img{
    position: relative;
		width: 100%;
		height: auto;
		left: auto;
		top: auto;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.metro_container .metro_r3 .metro_img img
}
@media only screen and (max-width:414px){
	.banner .banner_homekit_txt h3{
		font-size: 26px;
	}
}
@media only screen and (max-width:360px){
	.metro_container .metro_r1 .metro_img{
		position: absolute;
	}
	.metro_container .metro_r1 .metro_img img{
		height: 100%;
		max-width: none;
		width: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.metro_container .metro_r1 .inner_txt{
		position: relative;
		left: auto;
		top: auto;
		padding: 20px;
		overflow: hidden;
	}
	.metro_container .metro_l2 .metro_img{
		position: absolute;
	}
	.metro_container .metro_l2 .metro_img img{
		height: 100%;
		max-width: none;
		width: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.metro_container .metro_l2 .inner_txt{
		position: relative;
		left: auto;
		top: auto;
		padding: 20px;
		overflow: hidden;
	}
	.metro_container .metro_r3 .metro_img{
		position: absolute;
	}
	.metro_container .metro_r3 .metro_img img{
		height: 100%;
		max-width: none;
		width: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.metro_container .metro_r3 .inner_txt{
		position: relative;
		left: auto;
		top: auto;
		padding: 20px;
		overflow: hidden;
	}
}
@media only screen and (max-width: 1500px){
  .w1440{width: 1200px;margin-left:auto;margin-right:auto;} 
  .w1400{width: 1200px;margin-left:auto;margin-right:auto;} 
}
@media only screen and (max-width: 1366px){
  .w1440{width: 1100px;}
  .w1400{width: 1100px;}
  .wrap{width: 1100px;}
  .wrap2{width: 1000px;}
}
@media only screen and (max-width: 1200px){
  .w1440{width:100%;padding-right:40px;padding-left:40px;-webkit-box-sizing: border-box;box-sizing: border-box;}
  .w1400{width:100%;padding-right:40px;padding-left:40px;-webkit-box-sizing: border-box;box-sizing: border-box;}
  .w1164{width:100%;padding-right:40px;padding-left:40px;-webkit-box-sizing: border-box;box-sizing: border-box;}
  .wrap{width:100%;padding-right:40px;padding-left:40px;-webkit-box-sizing: border-box;box-sizing: border-box;}
  .wrap2{width:100%;padding-right:40px;padding-left:40px;-webkit-box-sizing: border-box;box-sizing: border-box;}
}
@media only screen and (max-width: 767px){
  .w1440{padding-right:20px;padding-left:20px;}
  .w1400{padding-right:20px;padding-left:20px;}
  .w1164{padding-right:20px;padding-left:20px;}
  .wrap{padding-right:20px;padding-left:20px;}
  .wrap2{padding-right:20px;padding-left:20px;}
}
}
/* 关于我们  strat*/
.contact-item {
  padding: 98px 0 92px;
  border-bottom: 12px solid #f8f8f8;
}
.inner {
  width: 1200px;
  margin: 0px auto;
}
.contact-item {
  padding: 98px 0 92px;
  border-bottom: 12px solid #f8f8f8;
}
.contact-item:last-of-type {
  border-bottom: none;
}
.contact-title {
  position: relative;
  padding-bottom: 17px;
  margin-bottom: 50px;
  color: #242c39;
  font-size: 30px;
  line-height: 1;
}
.contact-title:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 59px;
  height: 3px;
  background: #6cccdc;
}
.contact-downs {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.contact-infos {
  width: 46.25%;
}
.contact-infos .contact-t {
  display: block;
  padding-bottom: 14px;
  line-height: 1;
  color: #242c39;
  font-size: 24px;
  border-bottom: 1px solid #999999;
}
.contact-shopping {
  margin-top: 25px;
}
.contact-shopping li {
  margin-bottom: 14px;
}
.contact-shopping li a {
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
}
.contact-shopping li a:hover b {
  color: #6cccdc;
  border-color: #6cccdc;
}
.contact-shopping li a:hover span {
  color: #6cccdc;
}
.contact-shopping li a b {
  display: block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  color: #666666;
  border: 1px solid #cdcdcd;
  border-radius: 50%;
  font-size: 24px;
  text-align: center;
  font-weight: normal;
  transition: 0.38s;
}
.contact-shopping li a span {
  display: inline-block;
  margin-left: 12px;
  color: #666666;
  font-size: 16px;
  transition: 0.38s;
}
.contact-businee {
  margin-top: 23px;
  padding-left: 3px;
}
.contact-businee p {
  color: #666666;
  font-size: 16px;
  line-height: 2;
}
.contact-businee strong {
  display: block;
  color: #242c39;
  font-size: 18px;
}
@charset "utf-8";
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.marginauto {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.linenowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.center {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
}
@media screen and (max-width: 1750px) {
  .footer-bottom {
    padding: 20px 70px 20px;
  }
  .footer-search,
  .allow-us {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1600px) {
  .navs__list li {
    width: 200px;
  }
  .company-culture-wr {
    width: 90%;
  }
  .kitchen-slide figure {
    height: 260px;
  }
}
@media screen and (max-width: 1450px) {
  .banner__text__item h4 {
    font-size: 30px;
  }
  .banner__li {
    margin-top: 30px;
  }
  .introducte__text strong {
    font-size: 30px;
  }
  .introduct-item span {
    font-size: 38px;
  }
  .introduct-item {
    margin-right: 40px;
  }
  .commons-text strong {
    font-size: 30px;
  }
  .navs > li {
    margin-right: 14px;
  }
  .product-more .commons-text strong {
    font-size: 30px;
  }
  .product-more {
    top: 18%;
  }
  .product-btn {
    top: 18%;
  }
  .product-btn a {
    font-size: 20px;
  }
  .product-tab::before {
    transform: scale(0.6);
  }
  .product-prev {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .product-prev.prev {
    left: 100px;
  }
  .product-prev.next {
    right: 100px;
  }
  .dynamic-slide time {
    margin-bottom: 20px;
    font-size: 34px;
  }
  .dynamic-slide strong {
    margin-bottom: 22px;
    min-height: 66px;
    font-size: 24px;
  }
  .dynamic-slide span {
    margin-top: 30px;
  }
  .dynamic-wrap h4 {
    margin-bottom: 22px;
    font-size: 20px;
  }
  .dynamic-prev span {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .dynamic-more a {
    width: 160px;
    height: 50px;
    line-height: 50px;
  }
  .dynamic-wrap {
    bottom: 8%;
  }
  .allow-list a {
    margin-right: 18px;
  }
  .menu__search {
    margin-top: 40px;
  }
  .menu__content {
    width: 90%;
    margin-left: -45%;
  }
  .menu__share__wr {
    width: 90%;
  }
  .menu__item dt a {
    font-size: 20px;
  }
  .menu__item dd p a,
  .product__menu__btn span {
    font-size: 16px;
  }
  .about-text strong {
    margin-top: 40px;
    margin-bottom: 28px;
    font-size: 40px;
  }
  .about-text {
    bottom: 18%;
  }
  .about-introduct {
    padding: 80px 0 300px;
  }
  .about-introduct-wrap {
    width: 640px;
  }
  .mission {
    width: 90%;
  }
  .mission-right {
    width: 540px;
    height: 540px;
  }
  .mission {
    padding-bottom: 120px;
  }
  .honor-swiper {
    margin-top: 0;
  }
  .leval-menu-flex {
    height: 70px;
  }
  .member-text {
    padding-top: 100px;
  }
  .member-text strong {
    font-size: 32px;
  }
  .member-data {
    margin-top: 30px;
  }
  .inner-introduct {
    padding-bottom: 100px;
  }
  .prize-fix {
    padding: 0 50px;
  }
  .patent-items {
    padding-top: 100px;
    padding-bottom: 50px;
  }
  .patent-info {
    margin-bottom: 50px;
  }
  .staff-list .staff-item figure {
    margin: 0 10px 20px;
  }
  .industry-texts strong {
    margin-bottom: 20px;
    font-size: 24px;
  }
  .industry-texts p {
    font-size: 14px;
  }
  .industry-fix {
    padding-top: 110px;
  }
  .industry-btns a {
    height: 70px;
    font-size: 20px;
  }
  .ptext strong {
    font-size: 30px;
  }
  .ptext {
    bottom: 110px;
  }
  .solute-content strong {
    margin-bottom: 22px;
    font-size: 30px;
  }
  .solute-content span {
    margin-top: 30px;
  }
  .solute-content {
    padding: 20px 3% 40px;
  }
  .news-info {
    padding: 200px 90px 100px;
  }
  .news-info strong {
    font-size: 24px;
  }
  .news-info time b {
    font-size: 44px;
  }
  .news-inner-list li {
    margin-bottom: 40px;
  }
  .news-inner-text {
    padding: 24px 30px 30px;
  }
  .news-inner-list li.no-imgs .news-inner-text span {
    margin-top: 50px;
  }
  .news-inner-list li.no-imgs .news-inner-text {
    padding-top: 40px;
  }
  .news-inner-text strong {
    font-size: 18px;
  }
  .news-viode-list li.no-imgs .news-inner-text span {
    margin-top: 100px;
  }
  .news-video {
    height: 500px;
  }
  .news-title {
    padding: 50px 0 30px;
  }
  .news-title strong {
    font-size: 24px;
  }
  .hot-banner {
    padding: 0 5%;
  }
  .hot-banner .prize-prev.prev {
    left: 20px;
  }
  .hot-banner .prize-prev.next {
    right: 20px;
  }
  .contact-item {
    padding: 82px 0;
  }
  .contact-title {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .contact-infos .contact-t {
    font-size: 20px;
  }
  .product-introduct-top strong {
    font-size: 30px;
  }
  .product-views {
    padding-top: 0;
  }
  .product-introduct-top p {
    font-size: 14px;
  }
  .product-shopping {
    margin-top: 4vw;
  }
  .product-min .probtn {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
  .product-vietext strong {
    margin-bottom: 22px;
    font-size: 24px;
  }
  .solve-banner .prize-prev.prev {
    left: -30px;
  }
  .solve-banner .prize-prev.next {
    right: -30px;
  }
  .hot-porudct {
    padding: 0;
  }
  .header__pro__item {
    padding: 40px 40px;
  }
  .header__pro__list li figure {
    height: 80px;
  }
  .header__pro__list li span {
    font-size: 14px;
  }
  .inner-video-wr {
    width: 90%;
    margin-left: -45%;
  }
  .commons-text1 {
    width: 400px;
    margin: auto;
    max-width: 100%;
  }
  .honor-swiper {
    height: 400px;
  }
  .honor-slide {
    width: 1621px;
    background-size: auto 86%;
    background-position: 30px 30px;
    margin-left: -54px;
  }
  .honor-item figure {
    border-width: 3px;
    width: 60px;
    height: 60px;
  }
  .honor-item time {
    margin-top: 12px;
  }
  .honor-item3 figure {
    width: 90px;
    height: 90px;
  }
  .honor-item3 time {
    font-size: 30px;
  }
  .honor-item4 {
    left: 47.853%;
  }
  .honor-item5 {
    left: 60.92%;
  }
  .honor-item6 {
    left: 58.95%;
  }
  .honor-item7 {
    left: 71.74%;
  }
  .honor-item7 figure {
    width: 90px;
    height: 90px;
  }
  .honor-item8 {
    left: 85.96%;
  }
  .mission-img {
    margin-bottom: -140px;
    margin-top: -100px;
  }
  .mission-img img {
    width: 70%;
    left: 30%;
  }
  .leval-menu-flex {
    height: 70px;
  }
  .pswp__caption__center {
    padding-bottom: 50px;
  }
  .flux-text strong {
    font-size: 32px;
  }
  .flux-text p {
    height: 100px;
  }
  .kitchen {
    padding: 65px 5% 0;
  }
  .flux {
    padding: 88px 5%;
  }
  .kitchen-slide strong {
    font-size: 22px;
  }
  .keycenter .household-li {
    margin: 44px 0;
  }
}
@media screen and (max-width: 1350px) {
  .navs > li {
    margin-right: 8px;
  }
  .navs > li > a {
    font-size: 14px;
  }
  .household-video {
    width: 90%;
    margin-left: -45%;
  }
}
@media screen and (max-width: 1240px) {
  .navs__item {
    padding-bottom: 40px;
  }
  .navs__news {
    margin-left: 40px;
    padding-left: 40px;
  }
  .navs__list li {
    width: 160px;
  }
  .inner {
    width: 90%;
  }
  .about-text {
    margin-left: -45%;
  }
  .ptext {
    margin-left: -45%;
  }
  .service-text {
    margin-left: -45%;
  }
  .ptext1 {
    margin-left: 0;
  }
  .footer-top {
    padding-left: 5%;
    padding-right: 5%;
  }
  .member-text {
    margin-right: -45%;
    width: 300px;
  }
  .household-pop {
    width: 90%;
    margin-left: -45%;
  }
}
@media screen and (max-width: 1200px) {
  .header.headerColor .header__navs {
    display: none;
  }
  .hot-porudct {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .header__product__wr {
    display: none;
  }
  .header-bg {
    display: none;
  }
  .header__sp {
    position: absolute;
    right: 5%;
    margin-right: 50px;
    top: 24px;
  }
  .header__navs {
    display: none;
  }
  .channel {
    display: none;
  }
  .languga {
    margin-right: 55px;
  }
  .languge-defaul i {
    display: none;
  }
  .header__search {
    margin-top: 0;
  }
  .header__menu__btn span {
    display: none;
  }
  .header__top {
    padding: 0 5%;
  }
  .slide-dit span {
    margin-right: 20px;
  }
  .slide-dit {
    left: 5%;
    bottom: 40px;
  }
  .consulting a i {
    display: none;
  }
  .consulting {
    right: 5%;
    bottom: 30px;
  }
  .home-swiper > .swiper-wrapper {
    display: block;
  }
  .home-swiper {
    height: auto;
  }
  .concerning-swiper {
    height: auto;
  }
  .concerning-swiper > .swiper-wrapper {
    display: block;
  }
  .home-slide:nth-child(n+2) .scroll-more {
    display: none;
  }
  .introducte {
    height: auto;
    padding-bottom: 13.333%;
    background: #fff;
  }
  .introducte-bg {
    display: none;
  }
  .introducte__text {
    padding: 20.666% 0 0;
    position: relative;
    left: 0;
    top: 0;
    width: 90%;
    margin: auto;
  }
  .introducte-data {
    position: relative;
    left: 0;
    bottom: 0;
    width: 90%;
    margin: auto;
  }
  .introduct-imgs {
    position: relative;
    top: 0;
    margin: auto;
    margin-bottom: 80px;
    left: 0;
    transform: none;
    -webkit-transform: none;
  }
  .no-height {
    height: auto !important;
  }
  .supplier {
    height: 0px;
    overflow: hidden;
    padding-bottom: 100vh;
  }
  .supplier .commons-text {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  .industry-btn {
    bottom: 10%;
  }
  .home-product {
    height: auto;
    padding-top: 15.4%;
    padding-bottom: 100px;
  }
  .product-more {
    position: relative;
    left: 0;
    top: 0;
    width: 90%;
    margin: auto;
    text-align: center;
  }
  .product-btn {
    position: relative;
    text-align: center;
    left: 0;
    margin-top: 40px;
    margin-left: 0;
  }
  .product-btn a {
    float: none;
    display: inline-block;
  }
  .paprev {
    display: block !important;
  }
  .product-prev {
    display: none !important;
  }
  .paprev.prev {
    left: 0%;
  }
  .pro-slide figure {
    transform: scale(1) rotate(0deg);
  }
  .protext span {
    display: none;
  }
  .protext strong {
    font-size: 18px;
    color: #666666;
  }
  .pro-slide.swiper-slide-prev figure,
  .pro-slide.swiper-slide-duplicate-prev figure {
    transform: none;
    padding-top: 0;
  }
  .pro-slide {
    padding-top: 0;
  }
  .pro-slide figure {
    height: 320px;
  }
  .product-tab {
    top: 0;
    margin-top: 50px;
  }
  .product-tab:before {
    display: none;
  }
  .home-product::before {
    display: none;
  }
  .product-more .commons-text strong {
    font-size: 24px;
  }
  .product-more .commons-text p {
    display: block;
  }
  .product-more .commons-text {
    text-align: center;
  }
  .prodict-iphone {
    display: block;
  }
  .company-dynamic {
    height: auto;
    padding: 15.4% 0;
  }
  .dynamic-wrap {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    width: 90%;
    margin: auto;
  }
  .Circles-circle:nth-child(2) {
    top: 50%;
    margin-top: -350px;
    left: auto;
    width: 700px;
    height: 700px;
    right: -350px;
  }
  .Circles-circle:nth-child(1) {
    width: 400px;
    height: 400px;
    left: auto;
    top: 50%;
    margin-top: -200px;
    right: -200px;
  }
  .section-footer {
    height: auto;
  }
  .section-bott {
    position: relative;
  }
  .customers {
    padding: 60px 5% 40px;
  }
  .customers-title {
    display: flex;
    display: -webkit-flex;
    float: none;
    padding: 0;
    text-align: left;
    align-items: center;
    -webkit-align-items: center;
  }
  .customers-title strong {
    font-size: 20px;
  }
  .customers-btn {
    margin-left: 10px;
    margin-top: 0;
    text-align: left;
  }
  .customers-btn span:first-child {
    margin-left: 0;
  }
  .customers-swiper {
    margin-left: 0;
    margin-top: 30px;
  }
  .footer__menu {
    display: none;
  }
  .footer-top {
    padding: 40px 5%;
  }
  .footer-right {
    margin-top: 30px;
    width: 100%;
    margin-top: 0;
  }
  .allow-us {
    margin-bottom: 0;
  }
  .eq {
    display: none;
  }
  .footer-bottom {
    padding: 20px 5%;
  }
  .footer-scrolltop {
    display: block;
  }
  .menu__share {
    display: none;
  }
  .menu__search {
    display: none;
  }
  .menu__content {
    top: 100px;
    bottom: 30px;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .menu__li {
    display: block;
  }
  .menu__item {
    margin-bottom: 20px;
  }
  .menu__item dd {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .menu__item dt {
    margin-bottom: 4px;
  }
  .menu__item dt a {
    font-size: 18px;
  }
  .menu__item dd p a,
  .product__menu__btn span {
    font-size: 14px;
    white-space: nowrap;
  }
  .menu__item dd p {
    margin-right: 20px;
  }
  .menu__item dd p:last-child {
    margin-right: 0;
  }
  .product__menu {
    margin-right: 20px;
  }
  .about-text strong {
    font-size: 30px;
  }
  .waterWdqp {
    display: none;
  }
  .leval-menu-flex {
    position: relative;
    height: 64px;
    top: 0;
  }
  .mission {
    display: block;
  }
  .mission .commons-text2 {
    text-align: center;
  }
  .mission-right {
    margin: auto;
    margin-top: 40px;
  }
  .honor-box {
    background-attachment: local;
  }
  .honor-hand {
    margin-top: 20px;
  }
  .honor-pop-content {
    width: 600px;
    height: 600px;
    margin-left: -300px;
    margin-top: -300px;
  }
  .honor-wr time {
    margin-bottom: 30px;
    font-size: 34px;
  }
  .member-imgs {
    width: 100%;
    margin-left: 0;
  }
  .member-text {
    right: auto;
    margin-right: 0;
    width: 90%;
    margin: auto;
    padding-top: 50px;
    position: relative;
    top: 0;
    margin-top: 0;
  }
  .member-text strong {
    font-size: 26px;
  }
  .staff-tt {
    font-size: 24px;
    margin-bottom: 32px;
  }
  .footer__menu {
    display: none !important;
  }
  .staffs {
    padding-bottom: 100px;
  }
  .introduct-inf0-item {
    margin-top: 30px;
    padding: 0;
    border-right: none;
    width: 50%;
    float: left;
  }
  .introduct-inf0 {
    display: block;
    margin-left: 0;
    overflow: hidden;
    margin-right: 0;
    margin-top: 30px;
  }
  .company-culture {
    padding: 80px 0;
  }
  .prize {
    padding: 80px 0;
  }
  .prize-fix {
    padding: 0;
  }
  .prize-prev.prev {
    left: -20px;
  }
  .prize-prev.next {
    right: -20px;
  }
  .patent-flex {
    display: block;
    position: relative;
    width: 100%;
    border-right: none;
    height: auto;
  }
  .patent-title {
    padding-top: 50px;
    padding-left: 5%;
  }
  .patent-li {
    margin-top: 30px;
  }
  .patent-item {
    overflow: hidden;
  }
  .patent-content {
    width: 90%;
    display: block;
    margin: auto;
  }
  .patent-tt {
    font-size: 20px;
  }
  .partent-intro p {
    font-size: 14px;
  }
  .patent-items {
    padding: 35px 0;
    border-bottom-width: 6px;
  }
  .patent-title strong i {
    display: none;
  }
  .course-list li p {
    font-size: 16px;
  }
  .mission-img {
    display: none;
  }
  .separate {
    width: 100%;
    max-width: 100%;
    display: block;
  }
  .separate-text {
    width: 100%;
    margin-top: 30px;
    font-size: 14px;
  }
  .evaluate {
    width: 100%;
    max-width: 100%;
  }
  .evaluate-item p {
    font-size: 14px;
  }
  .pvc-item figure {
    width: 100%;
  }
  .pvc-text {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0px);
    -webkit-transform: translate(0px);
    padding: 30px 0 0;
  }
  .base {
    padding: 50px 0;
  }
  .enterprises-list li {
    width: 100%;
    padding: 40px 5% 32px;
  }
  .enterprises-list li strong {
    font-size: 20px;
  }
  .enterprises-list li p {
    font-size: 14px;
  }
  .enterprises-li {
    margin-top: 32px;
  }
  .area-enter {
    padding-left: 5%;
  }
  .enterprises-info {
    padding: 30px 5% 34px;
  }
  .enterprises-main strong {
    font-size: 20px;
  }
  .enterprises-main p {
    font-size: 14px;
  }
  .staff-box {
    padding: 50px 5%;
  }
  .staff-list {
    margin-left: -10px;
    margin-right: -10px;
  }
  .staff-list .staff-item {
    width: 25%;
  }
  .page-list {
    padding: 50px 0;
  }
  .sulutes {
    padding: 50px 5%;
  }
  .solute-list li a {
    display: block;
  }
  .solute-imgs {
    width: 100%;
  }
  .solute-content,
  .solute-list li:nth-child(2n+2) a .solute-content {
    padding: 30px 0;
  }
  .solute-list li {
    margin-bottom: 50px;
  }
  .product-li li figure {
    height: 280px;
  }
  .service-btn-list {
    margin-top: 30px;
  }
  .posite-fix {
    padding-left: 5%;
  }
  .product-views {
    margin-top: 50px;
  }
  .appointment {
    padding: 78px 0;
  }
  .appoint-title strong {
    margin-bottom: 8px;
    font-size: 24px;
  }
  .appoint-tel strong,
  .account strong {
    font-size: 20px;
  }
  .policy-top {
    padding: 60px 0 40px;
  }
  .policy-introduct strong {
    margin-bottom: 22px;
    font-size: 24px;
  }
  .policy-title span {
    font-size: 22px;
  }
  .policy-item {
    padding: 40px 0 50px;
  }
  .policy-title {
    margin-bottom: 32px;
  }
  .map {
    width: 100%;
  }
  .outles-check {
    position: relative;
    width: 100%;
  }
  .outles-fix {
    position: relative;
    top: 0;
  }
  .network {
    padding: 100px 0 150px;
  }
  .network-list li span {
    padding-left: 30px;
    width: 160px;
  }
  .news-info {
    padding: 200px 5% 100px;
  }
  .flex-sulte {
    display: none;
  }
  .news-inner {
    padding-top: 50px;
  }
  .news-inner-list li {
    margin-right: 3%;
    width: 48.5%;
  }
  .news-inner-list li:nth-child(3n+3) {
    margin-right: 3%;
  }
  .news-inner-list li:nth-child(2n+2) {
    margin-right: 0;
  }
  .news-video {
    height: 472px;
  }
  .news-view {
    padding-bottom: 2px;
  }
  .news-view-wrap {
    width: 100%;
  }
  .news-title {
    width: 90%;
    margin: auto;
  }
  .view-content {
    padding: 50px 5% 60px;
  }
  .hot-news {
    padding: 60px 0;
  }
  .hot-texts strong {
    font-size: 18px;
    min-height: 56px;
  }
  .hot-texts {
    padding: 30px 26px;
  }
  .product-views {
    max-height: none;
  }
  .product-introduct {
    width: 100%;
    float: none;
  }
  .product-introduct-top strong {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .proudct-max {
    position: relative;
    width: 50vw;
    height: 50vw;
    left: 0;
    top: 0;
    margin: auto;
  }
  .product-sli-item {
    height: 50vw;
  }
  .product-min {
    display: none;
  }
  .product-ww {
    position: relative;
  }
  .product-ww .prize-prev {
    display: block !important;
  }
  .product-vietext strong {
    font-size: 20px;
  }
  .product-detaul,
  .parameter {
    padding-top: 50px;
  }
  .guarantees,
  .solve {
    padding: 50px 0;
  }
  .search-result {
    padding: 50px 5% 0;
  }
  .inner-search {
    padding-bottom: 380px;
  }
  .inner-search .search-sub {
    bottom: 60px;
  }
  .search-r-btn {
    position: relative;
    top: 0;
    width: 100%;
  }
  .serch-result-list {
    margin-left: 0;
    width: 100%;
    margin-top: 50px;
  }
  .hot-product-slide figure {
    height: 200px;
  }
  .inner-video-wr .closevideo {
    right: 0;
    top: -40px;
  }
  .inner-video-wr {
    padding-bottom: 50vw;
  }
  .news-viode-list li .news-inner-text span {
    margin-top: 150px;
  }
  .staffs {
    padding-top: 50px;
  }
  .product-views .scroll-more {
    display: none;
  }
  .product-views {
    padding-bottom: 60px;
  }
  .solve-banner .prize-prev {
    display: none !important;
  }
  .parino {
    display: flex !important;
    margin-top: 50px;
  }
  .solve-banner {
    margin-top: 40px;
  }
  .recuite-item .eq {
    display: flex;
    display: -webkit-flex;
  }
  .household-pop {
    width: 100%;
    margin-left: -50%;
    height: 100%;
    z-index: 199;
    box-sizing: border-box;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .household-wrap {
    display: block;
  }
  .household-imgs {
    width: 100%;
  }
  .household-content {
    width: 90%;
    margin-left: 5%;
    margin-right: 0;
    text-align: center;
  }
  .household-content strong:before {
    left: 50%;
    margin-left: -23px;
  }
  .household-li {
    justify-content: center;
  }
  .household-more {
    justify-content: center;
  }
  .household-more a:last-child {
    margin-right: 0;
  }
  .household-imgs {
    height: 320px;
  }
  .household-content strong {
    font-size: 22px;
  }
  .advantage {
    padding: 80px 0 30px;
  }
  .advantage-list li {
    width: 47%;
    margin-right: 6%;
  }
  .advantage-list li:nth-child(3n+3) {
    margin-right: 6%;
  }
  .advantage-list li:nth-child(2n+2) {
    margin-right: 0px;
  }
  .flux {
    padding: 60px 5% ;
  }
  .flux-list li a {
    display: block;
  }
  .flux-imgs {
    width: 100%;
  }
  .flux-text {
    width: 100%;
    padding: 40px 5%;
  }
  .flux-list li {
    margin-bottom: 50px;
  }
  .kitchen-imgs {
    width: 100%;
  }
  .kitchen-swiper {
    width: 100%;
    padding-bottom: 42px;
  }
  .flux-list li:nth-child(2n+2) a .flux-text {
    padding: 40px 5%;
  }
  .household-video {
    width: 100%;
    margin-left: -50%;
    z-index: 299;
  }
  .purificate1 .purificate-video {
    padding-bottom: 54%;
  }
  .pro-slide.swiper-slide-active {
    padding-top: 0;
  }
  .prize-s {
    display: none !important;
  }
  .pvc-item {
    display: block;
  }
  .pvc-text {
    margin-right: 0;
  }
}
@media screen and (max-width: 861px) {
  .footer-bottom {
    display: block;
    position: relative;
  }
  .links {
    width: auto;
    margin-right: 140px;
  }
  .links span {
    box-sizing: border-box;
    width: 100%;
  }
  .footer-copy {
    margin-top: 20px;
  }
  .footer-scrolltop {
    position: absolute;
    right: 5%;
    top: 30px;
  }
  .leval-list li {
    margin-right: 40px;
  }
  .about-introduct {
    padding: 50px 0 200px;
  }
  .about-waters {
    height: 300px;
    background-size: auto 100%;
  }
  .about-introduct-wrap {
    width: 90%;
  }
  .mission-right {
    width: 400px;
    height: 400px;
  }
  .inner-introduct .about-introduct-wrap {
    width: 90%;
  }
  .inner-introduct {
    overflow: hidden;
  }
  .company-list li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .research li {
    width: 48.5%;
    margin-right: 0;
  }
  .partent-intro {
    max-width: 100%;
  }
  .partent-intro p {
    max-width: 100%;
  }
  .separate-imgs {
    width: 100%;
  }
  .industry-li li {
    display: block;
  }
  .industry-fix {
    padding-top: 50px;
  }
  .industry-imgs {
    width: 100%;
  }
  .industry-texts {
    width: 100%;
    padding: 32px 0;
  }
  .industry-btns {
    margin-bottom: 40px;
  }
  .series-list {
    margin: 0;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .series-list li {
    margin-bottom: 20px;
    width: 24%;
    margin-right: 1.3333%;
  }
  .series-list li:nth-child(4n+4) {
    margin-right: 0;
  }
  .series-list li figure {
    height: 80px;
  }
  .series-list li figure img {
    transform: scale(0.7);
  }
  .product-li li figure {
    height: 220px;
  }
  .contact-downs {
    display: block;
  }
  .contact-infos {
    width: 100%;
  }
  .contact-infos:first-child {
    margin-bottom: 50px;
  }
  .search-sub {
    width: 90%;
    margin-left: -45%;
  }
  .product-introduct {
    padding-top: 40px;
  }
  .proudct-max {
    width: 80vw;
    height: 80vw;
  }
  .product-sli-item {
    height: 80vw;
  }
  .industry-contact {
    padding: 42px 5%;
    display: block;
  }
  .industry-contact-text p {
    font-size: 20px;
  }
  .contact-btns {
    margin-left: 0;
    margin-top: 38px;
  }
  .purificate {
    padding: 50px 5%;
  }
  .purificate-video {
    margin-top: 50px;
  }
  .member-imgs {
    width: 130%;
  }
  .purificate1 {
    padding: 0;
  }
  .household {
    padding-top: 50px;
  }
}
@media screen and (max-width: 641px) {
  .banner__text__item h4 {
    font-size: 26px;
  }
  .banner__li {
    margin-top: 20px;
  }
  .banner__li li {
    margin-right: 30px;
  }
  .banner__li li p {
    font-size: 13px;
  }
  .banner__li li b {
    margin-bottom: 16px;
    font-size: 30px;
  }
  .scene-nav.scene-nav--prev,
  .scene-nav.scene-nav--next {
    opacity: 1;
    visibility: visible;
    font-size: 30px;
    margin-top: -15px;
  }
  .scene-nav.scene-nav--prev {
    left: 3% !important;
  }
  .scene-nav.scene-nav--next {
    right: 3% !important;
  }
  .header__top {
    height: 60px;
  }
  .header__logo {
    width: 150px;
  }
  .header__sp {
    top: 21px;
  }
  .introducte__text strong {
    font-size: 22px;
    display: none;
  }
  .introducte__text strong.hide {
    display: block;
  }
  .introduct-imgs {
    width: 42%;
  }
  .introducte-data {
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .introducte__text span {
    margin-top: 20px;
    font-size: 14px;
  }
  .introduct-item {
    margin-right: 0;
  }
  .introduct-item span {
    font-size: 32px;
  }
  .commons-text strong {
    font-size: 24px;
  }
  .supplier .commons-text {
    bottom: 15%;
  }
  .industry-slide .commons-text {
    top: 60%;
  }
  .industry-btn-item {
    margin-right: 40px;
  }
  .industry-btn-item .waters {
    width: 50px;
    height: 64px;
  }
  .industry-btn-item .waters i {
    padding-top: 28px;
    font-size: 22px;
  }
  .industry-btn-item .waters::before {
    background-size: cover !important;
  }
  .industry-slide .commons-text {
    left: 5%;
    width: 90%;
  }
  .supplier {
    padding-bottom: 133.333%;
  }
  .Circles-circle:nth-child(1) {
    right: -300px;
  }
  .Circles-circle:nth-child(2) {
    right: -450px;
  }
  .dynamic-slide strong {
    font-size: 22px;
  }
  .dynamic-slide time {
    font-size: 26px;
  }
  .dynamic-prev span {
    margin-right: 10px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
  }
  .dynamic-more a {
    width: 150px;
    height: 42px;
    line-height: 42px;
  }
  .dynamic-more a i {
    margin-right: 8px;
  }
  .footer-left {
    width: 100%;
  }
  .searchs {
    display: flex;
    display: -webkit-flex;
  }
  .searchs .text {
    flex: 1;
    -webkit-box-flex: 1;
    width: 100%;
  }
  .customers {
    padding: 44px 5% 30px;
  }
  .searchs .sub {
    width: 80px;
  }
  .footer-search {
    margin-bottom: 30px;
  }
  .prodict-slide figure {
    height: 240px;
  }
  .prodict-slide span {
    font-size: 16px;
  }
  .paprev {
    top: 12%;
  }
  .header__menu__top .header__l {
    width: 150px;
  }
  .menu__item dt a {
    line-height: 1.4;
  }
  .menu__item {
    margin-bottom: 12px;
  }
  .about-text strong {
    font-size: 26px;
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .about-text {
    bottom: 120px;
  }
  .leval-menu-flex {
    width: 100vw;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .leval-list li a {
    line-height: 1.2;
  }
  .leval-list {
    padding: 0 5%;
  }
  .leval-list li {
    margin-right: 30px;
  }
  .about-intro-text {
    padding-top: 60px;
    margin-top: 20px;
  }
  .about-intro-text p {
    font-size: 14px;
  }
  .about-intro-text:before {
    height: 35px;
  }
  .about-btn-item {
    margin-right: 18px;
  }
  .about-btns {
    margin-top: 42px;
  }
  .about-btn-item a {
    width: 100px;
    height: 100px;
  }
  .about-btn-item a b {
    font-size: 30px;
  }
  .about-btn-item a span {
    font-size: 14px;
  }
  .leval-list {
    justify-content: center;
    -webkit-justify-content: center;
    display: flex;
    display: -webkit-flex;
  }
  .leval-list li {
    margin-right: 20px;
  }
  .about-introduct {
    padding-bottom: 160px;
  }
  .mission-right {
    width: 300px;
    height: 300px;
  }
  .mision-icon {
    width: 60px;
    height: 60px;
  }
  .mission-item2 {
    right: 65%;
  }
  .mission-item1 {
    left: 65%;
  }
  .mission {
    padding: 50px 0;
  }
  .commons-text p {
    margin-bottom: 20px;
  }
  .honor-swiper {
    padding-left: 5%;
  }
  .honor-box .honor-titles {
    padding-left: 5%;
  }
  .honor-pop-content {
    width: 500px;
    height: 500px;
    margin-left: -250px;
    margin-top: -250px;
  }
  .honor-wr {
    width: 400px;
  }
  .honor-wr p {
    font-size: 14px;
  }
  .closes {
    right: 20px;
    top: 50px;
    font-size: 30px;
  }
  .staffs {
    padding-bottom: 50px;
  }
  .member-text strong,
  .staff-tt {
    font-size: 22px;
  }
  .member-data {
    margin-left: 0;
    margin-right: 0;
  }
  .introduct-inf0-item p b {
    font-size: 32px;
  }
  .introduct-inf0-item p {
    margin-bottom: 5px;
  }
  .inner-introduct,
  .company-culture,
  .prize {
    padding: 50px 0;
  }
  .company-list li:last-child {
    margin-bottom: 0;
  }
  .prize-slide span {
    font-size: 14px;
  }
  .prize-fix {
    margin-top: 40px;
  }
  .mtop {
    height: 60px;
  }
  .research li {
    padding: 30px 26px;
    width: 100%;
  }
  .base-texts {
    margin-top: 30px;
  }
  .base-texts p {
    font-size: 14px;
  }
  .commonline {
    height: 34px;
    margin-bottom: 20px;
  }
  .enterprises-mins .enterprises-main {
    width: 100%;
  }
  .enterprises {
    padding: 50px 0;
  }
  .enterprises-mins .enterprises-main strong {
    font-size: 16px;
  }
  .leval-list li a {
    font-size: 15px;
  }
  .staff-list .staff-item {
    width: 50%;
  }
  .staff-more {
    margin-top: 30px;
  }
  .ptext strong {
    font-size: 24px;
  }
  .ptext p {
    margin-bottom: 12px;
    font-size: 14px;
  }
  .industry-btns a {
    font-size: 18px;
    height: 60px;
  }
  .industry-texts strong {
    font-size: 20px;
  }
  .page-list {
    padding: 40px 0;
  }
  .page-list a {
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    padding: 0 8px;
  }
  .page-list span {
    line-height: 32px;
  }
  .solute-content strong {
    font-size: 24px;
  }
  .solute-content p {
    font-size: 14px;
  }
  .solute-content span {
    font-size: 14px;
  }
  .ptext a {
    margin-top: 22px;
    font-size: 14px;
  }
  .series-list li span {
    font-size: 14px;
  }
  .pro-slide figure {
    height: 200px;
  }
  .series {
    padding: 30px 0 16px;
  }
  .series-allbtn {
    padding: 22px 0 10px;
    flex-wrap: wrap;
    flex-wrap: -webkit-wrap;
  }
  .series-allbtn span {
    font-size: 15px;
    margin-right: 0;
    width: 100%;
  }
  .series-allbtn a {
    margin-right: 18px;
    margin-bottom: 10px;
    font-size: 15px;
  }
  .product-li li {
    margin-bottom: 40px;
    width: 48.5%;
    margin-right: 0;
  }
  .product-li li:nth-child(2n+2) {
    float: right;
  }
  .product-li li figure {
    height: 180px;
  }
  .product-li li span {
    margin-top: 18px;
    font-size: 14px;
  }
  .series-allbtn span {
    margin-bottom: 8px;
  }
  .service-btn-list li {
    margin-right: 15px;
  }
  .service-btn-list li a b {
    font-size: 28px;
  }
  .service-btn-list li a span {
    margin-top: 10px;
    font-size: 14px;
  }
  .appointment {
    padding: 60px 0;
  }
  .appoint-title {
    margin-bottom: 40px;
  }
  .appoint-text {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .appoint-item {
    width: 100%;
  }
  .appoint-item:first-child {
    margin-bottom: 30px;
  }
  .appoint-tel,
  .account {
    padding: 50px 0 60px;
  }
  .appoint-tel span {
    font-size: 24px;
  }
  .appoint-title strong {
    font-size: 22px;
  }
  .policy-introduct p,
  .erect span,
  .remarks p,
  .cost-text p {
    font-size: 14px;
  }
  .policy-title span {
    font-size: 20px;
  }
  .repair-item p {
    font-size: 16px;
  }
  .cost-item span {
    width: 140px;
  }
  .informatie li {
    padding: 26px 28px;
  }
  .informatie li b {
    right: 22px;
    top: 26px;
  }
  .policy-introduct strong {
    font-size: 22px;
  }
  .leval-menu-flex2 {
    height: auto;
    padding: 18px 0 8px;
  }
  .leval-menu-flex2 .leval-list {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .leval-menu-flex2 .leval-list li {
    margin-bottom: 10px;
  }
  .leval-menu-flex2 .leval-list li a {
    white-space: nowrap;
  }
  .map {
    height: 320px;
  }
  .infoBoxContent p {
    font-size: 12px;
  }
  .infoBoxContent h3 {
    margin-bottom: 12px;
  }
  .infoBoxContent {
    padding: 26px 30px 0;
  }
  .infoBox {
    width: 320px !important;
    height: 150px !important;
  }
  .outles-select {
    padding: 32px 5%;
  }
  .selects {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
  }
  .outles-list li p {
    font-size: 14px;
  }
  .outles-list li i {
    width: 35px;
    height: 42px;
    background-size: cover;
    line-height: 40px;
  }
  .outles-list li {
    padding-left: 46px;
  }
  .selects {
    background-position: 90% center;
  }
  .network {
    padding: 100px 0;
  }
  .network-city {
    margin-top: 0;
    padding: 50px 0;
  }
  .network-list li {
    display: block;
    padding: 18px 0;
  }
  .network-list li span {
    padding-left: 5%;
  }
  .network-list li p {
    margin-left: 5%;
    font-size: 14px;
  }
  .network-text strong {
    font-size: 22px;
    margin-bottom: 28px;
  }
  .news-info {
    padding: 150px 5% 50px;
  }
  .news-info strong {
    font-size: 22px;
  }
  .news-info time {
    margin-bottom: 22px;
  }
  .news-info time b {
    font-size: 40px;
  }
  .news-inner-list li {
    width: 100%;
    margin-right: 0 !important;
  }
  .news-inner-list li:first-child {
    margin-top: 0;
  }
  .news-inner-text {
    padding: 28px 5%;
  }
  .news-inner-list li figure b {
    font-size: 46px;
    margin-left: -23px;
    margin-top: -23px;
  }
  .news-inner-text strong {
    font-size: 16px;
    height: auto;
  }
  .news-video {
    height: 356px;
  }
  .news-video .about-text strong {
    font-size: 24px;
  }
  .news-title strong {
    font-size: 22px;
  }
  .view-content {
    font-size: 14px;
  }
  .contact-title {
    font-size: 22px;
  }
  .contact-item {
    padding: 45px 0;
  }
  .contact-infos .contact-t {
    font-size: 18px;
  }
  .recuite {
    display: block;
  }
  .recuite-item {
    width: 100%;
  }
  .recuite-item:first-child {
    margin-bottom: 40px;
  }
  .search-input .text {
    height: 50px;
    line-height: 50px;
  }
  .search-s {
    width: 100px;
    height: 50px;
  }
  .hot-work span {
    margin-right: 4px;
  }
  .hot-work a {
    padding: 0 12px;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
  }
  .hot-work span {
    width: 100%;
  }
  .product-ww .prize-prev.prev {
    left: -10px;
  }
  .product-ww .prize-prev.next {
    right: -10px;
  }
  .posite-fix {
    padding-right: 5%;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .proitems li {
    margin-bottom: 30px;
    display: block;
  }
  .proitems li figure {
    width: 100%;
  }
  .product-vietext {
    width: 100%;
    box-sizing: border-box;
    margin: auto !important;
    padding: 32px 5%;
  }
  .product-vietext p {
    font-size: 14px;
  }
  .parameter-list li span {
    width: 100px;
    font-size: 14px;
  }
  .parameter-list li p {
    font-size: 14px;
  }
  .solve-banner .prize-prev.prev {
    left: -10px;
  }
  .solve-banner .prize-prev.next {
    right: -10px;
  }
  .guarantee-list li {
    padding-left: 10px;
  }
  .guarantee-list li b {
    width: 50px;
    height: 64px;
    line-height: 68px;
    font-size: 28px;
  }
  .guarantee-text {
    margin-left: 20px;
    padding-top: 7px;
  }
  .guarantee-text p {
    font-size: 14px;
  }
  .inner-search {
    padding-bottom: 340px;
  }
  .search-btnli li a {
    font-size: 16px;
  }
  .serch-result-list {
    margin-top: 30px;
  }
  .result-li li a strong {
    font-size: 20px;
  }
  .result-li li {
    padding: 28px 0;
  }
  .result-text p {
    font-size: 14px;
  }
  .contact-btns a {
    width: 140px;
    height: 42px;
    line-height: 42px;
  }
  .hot-product-slide span {
    margin-top: 40px;
  }
  .purvideobtn strong {
    font-size: 22px;
    white-space: nowrap;
  }
  .purvideobtn b {
    font-size: 40px;
    margin-top: 20px;
  }
  .purificate-video {
    margin-top: 40px;
  }
  .inner-video-wr .closevideo {
    font-size: 22px;
  }
  .pswp__caption__center {
    padding-bottom: 20px;
  }
  .pswp__caption__center p {
    font-size: 14px;
  }
  .pswp__button--arrow--left,
  .pswp__button--arrow--right {
    font-size: 30px !important;
  }
  .pswp__button--arrow--left {
    left: 0;
  }
  .pswp__button--arrow--right {
    right: 0;
  }
  .pswp__button--close {
    font-size: 22px !important;
  }
  .news-inner-list li {
    padding-bottom: 140px;
  }
  .news-inner-text {
    margin-top: -140px;
  }
  .news-inner-text span {
    margin-top: 50px;
  }
  .member-imgs {
    width: 150%;
    position: relative;
    left: -12%;
  }
  .member-in a {
    font-size: 14px;
  }
  .member-text {
    padding-top: 30px;
  }
  .prize-swiper .swiper-wrapper {
    display: block;
  }
  .prize-slide {
    width: 48%;
    float: left;
    margin-bottom: 20px;
    display: inline-block;
  }
  .prize-slide:nth-child(2n+2) {
    float: right;
  }
  .prize-prev {
    display: none;
  }
  .checkmore.article-block {
    transform: translateY(0px);
  }
  .staff-text .mission-item a {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
  }
  .patent-title {
    display: none;
  }
  .course-list li time {
    width: 60px;
  }
  .course-list {
    margin-left: 32px;
  }
  .course-list li time:before {
    left: -22px;
  }
  .posite-fix {
    display: none;
  }
  .product-shopping {
    margin-top: 40px;
  }
  .prize-s {
    display: block !important;
  }
  .product-ww .prize-prev {
    display: none !important;
  }
  .prize-s {
    top: 50%;
    margin-top: -56px;
  }
  .prize-s.prev {
    left: -5vw;
  }
  .prize-s.next {
    right: -5vw;
  }
  .prouct-videos {
    padding-top: 50px;
  }
  .contact-businee strong {
    font-size: 16px;
  }
  .household-imgs {
    height: 220px;
  }
  .household-content {
    margin-top: 30px;
  }
  .household-content strong {
    font-size: 20px;
  }
  .household-li {
    margin: 30px 0;
  }
  .household-li li {
    margin-right: 40px;
  }
  .household-li li b {
    width: 55px;
    height: 55px;
  }
  .household-li li b img {
    max-width: 50%;
    max-height: 50%;
  }
  .advantage-list li {
    width: 100%;
    margin-right: 0 !important;
  }
  .advantage-list {
    margin-top: 40px;
  }
  .advantage-list li {
    margin-bottom: 40px;
  }
  .advantage-texts {
    height: auto;
    min-height: 150px;
  }
  .advantage {
    padding: 50px 0 10px;
  }
  .flux-text strong {
    font-size: 24px;
  }
  .flux {
    padding: 50px 5% 0;
  }
  .flux-list {
    margin-top: 40px;
  }
  .keycenter .household-li {
    margin: 35px 0;
    padding-right: 0;
  }
  .keycenter .household-li li {
    margin-right: 30px;
  }
  .kitchen {
    padding-top: 50px;
  }
  .kitchen-slide {
    padding-top: 30px;
  }
  .kitchen-slide strong {
    font-size: 20px;
  }
  .household-more a {
    height: 40px;
    line-height: 42px;
    width: 120px;
  }
  .household-li li span {
    font-size: 14px;
  }
  .pbanner .ipshow {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .pbanner .ipshow img {
    opacity: 0;
    visibility: hidden;
  }
  .product-btn a {
    font-size: 18px;
  }
  .leval-list li {
    margin-right: 20px;
  }
  .leval-list2 li {
    margin-right: auto;
  }
}
@media screen and (max-width: 481px) {
  .banner__li li {
    margin-right: 20px;
  }
  .banner__li li p {
    font-size: 12px;
  }
  .consulting a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
  }
  .introducte__text strong {
    font-size: 22px;
  }
  .introduct-item span {
    font-size: 28px;
  }
  .introduct-item p {
    font-size: 12px;
  }
  .introducte__text h6 {
    margin-bottom: 20px;
  }
  .commons-text p {
    margin-bottom: 22px;
  }
  .commons-text strong {
    font-size: 22px;
  }
  .commons-text span {
    margin-top: 24px;
    font-size: 14px;
  }
  .industry-btn-item {
    margin-right: 30px;
  }
  .honor-pop-content {
    width: 100vw;
    height: 100vw;
    margin-left: -50vw;
    margin-top: -50vw;
  }
  .closes {
    top: 20px;
  }
  .honor-wr {
    max-height: 60vh;
    overflow-y: auto;
  }
  .industry-btns a {
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.4;
  }
  .industry-btns {
    display: block;
  }
  .series-list {
    justify-content: start;
    -webkit-justify-content: start;
  }
  .series-list li {
    width: 32%;
    margin-right: 2%;
  }
  .series-list li:nth-child(4n+4) {
    margin-right: 2%;
  }
  .series-list li:nth-child(3n+3) {
    margin-right: 0;
  }
  .service-btn-list {
    margin-top: 0;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-around;
    -webkit-justify-content: space-around;
  }
  .service-btn-list li {
    margin-right: 0;
    margin-top: 20px;
    width: 130px;
  }
  .service-text {
    bottom: 35px;
  }
  .informatie li {
    width: 100%;
  }
  .policy-title span {
    font-size: 18px;
  }
  .cost-item span {
    font-size: 16px;
    width: 120px;
  }
  .repair-item p {
    font-size: 14px;
  }
  .repair-item span {
    font-size: 12px;
  }
  .informatie li strong {
    font-size: 16px;
  }
  .hot-banner .prize-prev.prev {
    left: 0;
  }
  .hot-banner .prize-prev.next {
    right: 0;
  }
  .recuite-li li {
    margin-right: 30px;
  }
  .result-text {
    display: block;
  }
  .result-text figure {
    margin-bottom: 20px;
  }
  .hot-porudct {
    width: 90%;
  }
  .member-in a {
    font-size: 13px;
  }
  .ptext strong {
    font-size: 22px;
  }
}
/* 关于我们end */
/* 服务中心-问题 strat */
.ny_fw2{padding-bottom: 60px;}
.ny_fw2 .lb{padding-top: 40px;}
.ny_fw2 .lb .bt{font-size: 32px;line-height: 32px;color: #000;font-weight: bold;font-family: "PuHuiTi", sans-serif;}
.ny_fw2 .lb ul{margin-top: 40px;}
.ny_fw2 .lb ul li{margin-bottom: 20px;background: #dbdbdb;padding: 15px 60px;}
.ny_fw2 .lb ul li .ml1{font-size: 18px;line-height: 36px;color: #000;font-weight: bold;position: relative;font-family: "PuHuiTi", sans-serif;}
.ny_fw2 .lb ul li .ml2 p{font-size:14px;font-family: "PuHuiTi", sans-serif;}
.ny_fw2 .lb ul li .ml1 span{position: absolute;right: 0;top: 0; font-size: 16px;line-height: 36px;color: #000;cursor: pointer;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.ny_fw2 .lb ul li.on .ml1 span{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.ny_fw2 .lb ul li .ml2{font-size: 14px;line-height: 36px;color: #000;display: none;}
.ny_fw3_bg{padding: 80px 0 40px;}
.ny_fw3_bg .bt{font-size:32px;line-height:32px;font-weight:bold;color:#000;}
.ny_fw3{padding-bottom: 40px;display: flex;margin-top:30px;}
.ny_fw3 .ny_fw3_l{width: 240px;position: -webkit-sticky;position: sticky;margin-right: 20px;top: 0;}
.ny_fw3 .ny_fw3_l ul{background: #F9F9F9;padding: 0px 0 130px 0;}
.ny_fw3 .ny_fw3_l ul li{margin-bottom: 5px;}
.ny_fw3 .ny_fw3_l ul li a{display: block;padding: 15px 0 15px 20px;color: #000;font-size: 14px;line-height: 22px;position: relative;}
.ny_fw3 .ny_fw3_l ul li.on a{font-weight: bold;background: #F1F1F1;}
.ny_fw3 .ny_fw3_l ul li a:after{content: "\e68b";font-family: "iconfont" !important;font-size: 12px;position: absolute;right: 20px;top: 15px;font-weight: normal;}
.ny_fw3 .ny_fw3_r{width:940px;background: #f9f9f9;padding: 10px 60px 60px;}
.ny_fw3 .ny_fw3_r ul{display: none;}
.ny_fw3 .ny_fw3_r ul .bt{font-size: 26px;line-height: 40px;color: #000;}
.ny_fw3 .ny_fw3_r ul li{border-bottom: 1px solid #c7c7c7;padding-bottom: 10px;margin-top: 10px;}
.ny_fw3 .ny_fw3_r ul li .ml1{font-size: 16px;line-height: 36px;color: #333;position: relative;display: block;}
.ny_fw3 .ny_fw3_r ul li .ml1 span{position: absolute;right: 0;top: 0; font-size: 14px;line-height: 36px;color: #000;cursor: pointer;}
.w1440{ width:1440px;max-width: 95%; margin:auto;}
.w1200{ width:1200px;max-width: 95%; margin:auto;}
.w1000{ width:1000px;max-width: 95%; margin:auto;}
@font-face {
  font-family: "iconfont"; /* Project id 3481649 */
  src: url('//at.alicdn.com/t/c/font_3481649_jtjjrowbrv.woff2?t=1660282971249') format('woff2'),
       url('//at.alicdn.com/t/c/font_3481649_jtjjrowbrv.woff?t=1660282971249') format('woff'),
       url('//at.alicdn.com/t/c/font_3481649_jtjjrowbrv.ttf?t=1660282971249') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-weixin:before {
  content: "\e611";
}

.icon-weibo:before {
  content: "\e618";
}

.icon-douyin:before {
  content: "\e8db";
}

.icon-bilibili:before {
  content: "\e609";
}

.icon-xinwenliebiao-02:before {
  content: "\e617";
}

.icon-weixuanze:before {
  content: "\e625";
}

.icon-yixuanze:before {
  content: "\e627";
}

.icon-caidan:before {
  content: "\e61d";
}

.icon-pingguo:before {
  content: "\e60b";
}

.icon-xiazaidaoru:before {
  content: "\e8c6";
}

.icon-linux:before {
  content: "\e74b";
}

.icon-windows-fill:before {
  content: "\e882";
}

.icon-13zixun:before {
  content: "\e65e";
}

.icon-youxiang4:before {
  content: "\e64c";
}

.icon-youxiang3:before {
  content: "\e908";
}

.icon-youxiang3-copy:before {
  content: "\f21a";
}

.icon-24gl-phoneLoudspeaker:before {
  content: "\e94f";
}

.icon-weixiu:before {
  content: "\e669";
}

.icon-wj-wjxg:before {
  content: "\e770";
}

.icon-xiazai:before {
  content: "\e631";
}

.icon-linkedin:before {
  content: "\e787";
}

.icon-social-youtube:before {
  content: "\e6f3";
}

.icon-twitter:before {
  content: "\e655";
}

.icon-quora:before {
  content: "\f218";
}

.icon-logo_instagram:before {
  content: "\e85a";
}

.icon-facebook:before {
  content: "\e71a";
}

.icon-instagram-filled:before {
  content: "\e6f4";
}

.icon-shouhuodizhi:before {
  content: "\e64e";
}

.icon-dianhua3:before {
  content: "\e636";
}

.icon-youxiang1:before {
  content: "\e623";
}

.icon-youxiang2:before {
  content: "\e69d";
}

.icon-youxiang:before {
  content: "\e7b1";
}

.icon-shuji:before {
  content: "\e699";
}

.icon-gouwuche:before {
  content: "\e70b";
}

.icon-fankuifaqs:before {
  content: "\e7bf";
}

.icon-lianxikefu:before {
  content: "\e65f";
}

.icon-lianxikefu-copy:before {
  content: "\f219";
}

.icon-denglu-copy:before {
  content: "\e63b";
}

.icon-biaoqian:before {
  content: "\e6a9";
}

.icon-shouji:before {
  content: "\e63a";
}

.icon-qq:before {
  content: "\e62b";
}

.icon-jiashuliang:before {
  content: "\e633";
}

.icon-weixin4:before {
  content: "\e616";
}

.icon-dianhua:before {
  content: "\e605";
}

.icon-rexiandianhua-shouye:before {
  content: "\e6fe";
}

.icon-dianhua-xianxingyuankuang:before {
  content: "\e8bc";
}

.icon-ic_calendar:before {
  content: "\e610";
}

.icon-reduce:before {
  content: "\e604";
}

.icon-fanhuidingbu:before {
  content: "\e63f";
}

.icon-gengduo1:before {
  content: "\e63e";
}

.icon-angle-down:before {
  content: "\e600";
}

.icon-zuoji:before {
  content: "\e6d0";
}

.icon-dizhi:before {
  content: "\e60a";
}

.icon-jurassic_email:before {
  content: "\e698";
}

.icon-chuanzhen:before {
  content: "\e660";
}

.icon-zuo:before {
  content: "\e601";
}

.icon-next:before {
  content: "\e68b";
}

.icon-24px:before {
  content: "\e603";
}

.icon-download:before {
  content: "\e61f";
}

.icon-daohang:before {
  content: "\e642";
}

.icon-riqi:before {
  content: "\e7bc";
}

.icon-yuan:before {
  content: "\e607";
}

.icon-guanbi:before {
  content: "\e71f";
}

.icon-sousuo:before {
  content: "\e89d";
}

.icon-renyuan:before {
  content: "\e689";
}

.icon-gengduo1-copy:before {
  content: "\eaaf";
}

.icon-zuo-copy:before {
  content: "\eab0";
}

.icon-dianhua-copy:before {
  content: "\eab2";
}
/* APP 下载页面 */
.recuite {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.recuite-item {
  width: 47.2%;
}
.recuite-item .allow-us {
  margin-bottom: 46px;
}
.recuite-item .allow-us:last-child {
  margin-bottom: 0;
}
.recuite-item .allow-us > span {
  font-size: 16px;
  letter-spacing: 0px;
}
.allow-us span {
  display: block;
  /* line-height: 1; */
  color: #2c3441;
  font-size: 14px;
  letter-spacing: 2px;
}
.allow-us p {
  color:#2c3441;
  font-size:14px;
  letter-spacing: 2px;
}
.recuite-item .eq {
  margin-top: 20px;
}
.recuite-li {
  display: flex;
  display: -webkit-flex;
  margin-top: 46px;
}
.recuite-li li {
  width: 88px;
  margin-right: 40px;
  transition: 0.45s;
}
.recuite-li li:hover {
  transform: translateY(-5px);
}
.recuite-li li img {
  display: block;
  width: 100%;
  height: auto;
}
.recuite-item .allow-us:last-child {
  margin-bottom: 0;
}
.recuite-item .allow-us > span {
  font-size: 16px;
  letter-spacing: 0px;
}
.recuite-item .eq {
  margin-top: 20px;
}
.recuite-li {
  display: flex;
  display: -webkit-flex;
  margin-top: 46px;
}
.recuite-li li {
  width: 88px;
  margin-right: 40px;
  transition: 0.45s;
}
.recuite-li li:hover {
  transform: translateY(-5px);
}
.recuite-li li img {
  display: block;
  width: 100%;
  height: auto;
}
.eq {
  display: flex;
  display: -webkit-flex;
}
.eq-item {
  text-align: center;
  margin-right: 50px;
}
.eq-item figure {
  display: block;
  width: 103px;
}
.eq-item figure img {
  width: 100%;
}
.eq-item span {
  display: block;
  margin-top: 10px;
  line-height: 1;
  color: #666666;
  font-size: 14px;
}

/* 服务中心 end */
/* 下载中心 start */
@media (min-width: 1200px){
.container {
  max-width: 1200px;
}
}
.services-two {
  /* position: relative; */
  display: block;
  padding: 100px 0 100px;
  z-index: 1;
}

.services-two:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 300px;
  content: "";
  background-color: #eef3f7;
  z-index: -1;
}
.section-title {
  margin-top: -19px;
  margin-bottom: 50px;
}
.text-center {
  text-align: center !important;
}
.section-title__tagline {
  display: inline-flex;
  color: #807e84;
  font-size: 18px;
  align-items: center;
  line-height: 30px;
  margin-bottom: 2px;
  font-weight: 500;
}
.hst-style .services-two.downloadswsub .section-title__title {
  color: var(--thm-base);
}
.section-title__title {
  margin: 0;
  font-weight: 800;
  color: var(--thm-black);
  font-size: 50px;
  line-height: 60px;
  font-family: "PuHuiTi", sans-serif;
}
.section-title__tagline::before {
  position: absolute;
  content: '';
  background-color: #0ef0c8;
  width: 10px;
  height: 2px;
  margin-left: -20px;
}
.section-title__tagline {
  color: var(--thm-gray);
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
}
.hst-style .services-two.downloadswsub .section-title__title {
  color: var(--thm-base);
}
.section-title__title {
  margin: 0;
  font-weight: 800;
  color: #100f15;
  font-size: 50px;
  line-height: 60px;
}
@media (min-width: 1200px){
.container {
  max-width: 1200px;
}
}
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1320px;
}
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1140px;
}
}
@media (min-width: 992px){
.container, .container-lg, .container-md, .container-sm {
  max-width: 960px;
}
}
@media (min-width: 768px){
.container, .container-md, .container-sm {
  max-width: 720px;
}
}
@media (min-width: 576px){
.container, .container-sm {
  max-width: 540px;
}
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x,.75rem);
  padding-left: var(--bs-gutter-x,.75rem);
  margin-right: auto;
  margin-left: auto;
}
.container {
  padding-left: 15px;
  padding-right: 15px;
}
.rows {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x)/ -2);
  margin-left: calc(var(--bs-gutter-x)/ -2);
}
.rows {
  --bs-gutter-x: 30px;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media (min-width: 1200px){
.col-xl-6 {
  flex: 0 0 auto;
  width: 50%;
}
}
@media (min-width: 992px){
.col-lg-6 {
  flex: 0 0 auto;
  width: 50%;
}
}
.hst-style .services-two.downloadswsub .services-one__single {
  background-color: var(--thm-black);
}
.services-one__single {
  position: relative;
  display: block;
  background-color: var(--thm-base);
  border-radius: var(--thm-bdr-radius);
  padding: 50px 60px 50px;
  text-align: center;
  margin-bottom: 30px;
  transition: all 500ms ease;
  z-index: 2;
}
.services-one__single {
  text-align: center;
}
.services-one__title {
  font-size: 24px;
  font-weight: 800;
  line-height: 26px;
  margin-top: 26px;
  margin-bottom: 16px;
  font-family: "PuHuiTi", sans-serif;
}
.hst-style .services-two.downloadswsub .services-one__title a {
  color: var(--thm-base);
}
.services-one__title a {
  color: var(--thm-black);
  transition: all 500ms ease;
}
.fab, .far {
  font-weight: 400;
}
.fab {
  font-family: "Font Awesome 5 Brands";
}
.services-one__text {
  margin: 0;
  padding-bottom: 20px;
  font-family: "PuHuiTi", sans-serif;
}
/*  下载中心 end */
/* 联系我们 strat */
.hst-style .contact-page {
  padding-bottom: 150px;
}
.contact-page {
  position: relative;
  display: block;
  padding: 100px 0 100px;
    padding-bottom: 100px;
}
.contact-page__left {
  position: relative;
  display: block;
}
.contact-page__left .section-title {
  margin-bottom: 25px;
}
.section-title {
  margin-top: -19px;
  margin-bottom: 50px;
}
.section-title__tagline {
  display: inline-flex;
  color: #8e8e8e;
  font-size: 18px;
  align-items: center;
  line-height: 30px;
  margin-bottom: 2px;
  font-weight: 500;
}
.section-title__tagline::before {
  position: absolute;
  content: '';
  background-color: #16f2cb;
  width: 10px;
  height: 2px;
  margin-left: -20px;
}
.section-title__title {
  margin: 0;
  font-weight: 800;
  color: #fff;
  font-size: 50px;
  line-height: 60px;
  font-family: "PuHuiTi", sans-serif;
}
.contact-page__text {
  margin: 0;
  padding-bottom: 40px;
  color: #7c7a82;
}
.contact-page__right {
  position: relative;
  display: block;
}
.contact-details {
  position: relative;
  display: block;
  padding: 60px 0 120px;
}
.hst-style .contact-details__inner {
  background-color: #fff;
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .07);
  border-radius: 8px;
  padding: 40px 40px;
  border-top: none;
  margin-top: -50px;
}
.contact-details__inner {
  background-color: #fff;
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .07);
  border-radius: 8px;
  padding: 40px 40px;
  border-top: none;
  margin-top: -50px;
}
.contact-details__single {
  position: relative;
  display: flex;
  align-items: center;
}
.contact-details__icon {
  position: relative;
height: 50px;
width: 50px;
background-color: #0fddb8;
font-size: 20px;
color: #fff5f5;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 1;
}
.contact-details__icon::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #055cff;
  border-radius: 50%;
  transform: scale(0.0);
  transform-origin: center;
  transform-style: preserve-3d;
  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  z-index: -1;
}
.contact-details__icon span {
  position: relative;
  display: inline-block;
}
.lnr {
  font-family: 'Linearicons-Free';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.contact-details__content {
  position: relative;
  display: block;
  margin-left: 20px;
}
.contact-details__sub-title {
  font-size: 20px;
  margin: 0;
  line-height: 24px;
  color: #000;
  font-family: "PuHuiTi", sans-serif;
}
.contact-details__content h4 {
  font-size: 16px;
  color: #191722;
  line-height: 26px;
  font-family: "PuHuiTi", sans-serif;
}
.contact-details__content h4 a:hover {
  color: #0becc4;
}
/* 联系我们 end */

/* 产品详情页 */
/*内页全屏banner公共样式   job_list.html*/
.fullscreen_banner{position:relative;width:100%;height:calc(100vh - 100px);background-position:center;background-repeat:no-repeat;background-size:cover;}
.fullscreen_banner:before{content:'';position:absolute;z-index:1;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.3);}
@media(max-width:768px){
    .mobile_banner_n{position:relative;z-index:0;}
    .mobile_banner_n img{width:100%;}
    .fullscreen_banner{height:auto;}
}
/*产品详情*/
.pro_show_:before{display:none;}
.pro_show_ .m_page_right{top:0;}
.pro_show_p1{z-index:8;position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%);padding-bottom:50px;}
.pro_show_p1>.pd{position:relative;}
.pro_show_p1 .tit{opacity:.3!important;font-size:130px;font-family:myFont;font-weight:400;line-height:130px;background:linear-gradient(180deg,#FFFFFF 0%,rgba(255,255,255,0) 86%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;}
.pro_show_p1 .text{max-width:700px;margin-top:70px;}
.pro_show_p1 .text .t1{font-size:36px;font-weight:bold;color:#FFFFFF;line-height:54px;}
.pro_show_p1 .text .t2{font-size:16px;font-weight:400;color:#FFFFFF;line-height:26px;margin-top:16px;}
.pro_show_p1 .text .t3{margin:50px 0;display:flex;justify-content:space-between;}
.pro_show_p1 .text .t3 .i{float:left;}
.pro_show_p1 .text .t3 .i p{font-size:16px;font-weight:400;color:#FFFFFF;line-height:26px;}
.pro_show_p1 .text .t3 .i span{font-size:36px;font-weight:bold;color:#FFFFFF;line-height:54px;}
.pro_show_p1 .text .t3 .s_{height:70px;width:1px;background-color:#fff;transform:rotate(20deg);}
.pro_show_p1 .text .t4 .btn{display:inline-block;width:144px;height:48px;opacity:1;font-size:16px;font-weight:400;color:#FFFFFF;line-height:48px;text-align:center;}
.pro_show_p1 .text .t4 .btn:nth-child(1){background:linear-gradient(45deg,#108B96 0%,#4DBBAA 73%,#4DBBAA 100%);}
.pro_show_p1 .text .t4 .btn:nth-child(2){border:1px solid #ffffff;background:transparent;margin-left:25px;}
.pro_show_p1 .img{position:absolute;right:25%;top:calc(50% + 50px);max-width:460px;transform:translateY(-50%);}
.pro_show_p1 .img .swiper-pagination{bottom:0;}
.pro_show_p1 .img .swiper-pagination-bullet{width:16px;height:2px;background:#CCCCCC;border-radius:0px 0px 0px 0px;opacity:1;}
.pro_show_p1 .img .swiper-pagination-bullet-active{background-color:#42C1AE;}
.pro_show_p1 .img img{width:100%;}
.pro_show_p2{background-color:#fff;}
.pro_show_p2.fixed{position:fixed;left:0;right:0;top:100px;z-index:12;box-shadow:0px 4px 8px 0px #0000000D;}
.pro_show_p2 .l_{font-size:20px;font-weight:bold;color:#4DBBAA;line-height:70px;float:left;}
.pro_show_p2 .r_{float:right;}
.pro_show_p2 .r_ a{display:inline-block;font-size:16px;font-weight:400;color:#666666;line-height:68px;border-bottom:2px solid transparent;margin-left:50px;}
.pro_show_p2 .r_ a.active{border-bottom:2px solid #4DBBAA;}
.pro_show_p3{background-image:url(../images/pro_show_p3_bg.png);background-color:#122A4E;padding:56px 0 180px;background-repeat:no-repeat;background-position:right;}
.pro_show_p3 .tit{font-size:36px;font-weight:bold;color:#FFFFFF;line-height:42px;}
.pro_show_p3 .list_{display:flex;flex-flow:row wrap;margin:-12px;padding-top:1px;align-items:stretch;}
.pro_show_p3 .list_ .i{width:31.33%;min-width:30.33%;max-width:30.33%;padding-left: 22px;padding-top: 81px;}
.pro_show_p3 .list_ .i_{border:1px solid #fff;height:100%;padding:32px;}
.pro_show_p3 .list_ .i_:hover{background:linear-gradient(45deg,#108B96 0%,#4DBBAA 73%,#4DBBAA 100%);border-color:transparent;}
.pro_show_p3 .list_ .i_ .img{width:60px;height:60px;border:1px solid #fff;border-radius:50%;background-size:32px;background-repeat:no-repeat;background-position:center;}
.pro_show_p3 .list_ .i:nth-child(1) .img{background-image:url(../images/pro_show_p3_img01.svg);}
.pro_show_p3 .list_ .i:nth-child(2) .img{background-image:url(../images/pro_show_p3_img02.svg);}
.pro_show_p3 .list_ .i:nth-child(3) .img{background-image:url(../images/pro_show_p3_img03.svg);}
.pro_show_p3 .list_ .i:nth-child(4) .img{background-image:url(../images/pro_show_p3_img04.svg);}
.pro_show_p3 .list_ .i:nth-child(5) .img{background-image:url(../images/pro_show_p3_img05.svg);}
.pro_show_p3 .list_ .i_ .t1{font-size:18px;font-weight:bold;color:#FFFFFF;line-height:28px;margin:14px 0 8px;}
.pro_show_p3 .list_ .i_ .t2{font-size:16px;font-weight:400;color:#FFFFFF;line-height:26px;}
.pro_show_p4{position:relative;}
.pro_show_p4 .img{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:500px;}
.pro_show_p4 .img img{width:100%;opacity:0;}
.pro_show_p4 .text{z-index:1;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;}
.pro_show_p4 .text:after{content: '';display: block;clear: both;}
.pro_show_p4 .text .t1{font-size:22px;font-weight:bold;color:#333333;line-height:36px;}
.pro_show_p4 .text .t2{font-size:16px;font-weight:400;color:#666666;line-height:30px;margin-top:25px;max-width:490px;}
.pro_show_p4 .text .btn{display:block;width:144px;height:48px;background:linear-gradient(45deg,#108B96 0%,#4DBBAA 73%,#4DBBAA 100%);opacity:1;font-size:16px;font-weight:400;color:#FFFFFF;line-height:48px;text-align:center;margin-top:50px;}
.pro_show_p4.right__ .text .pd{text-align:right;}
.pro_show_p4.right__ .text_box{width:440px;float:right;}
.pro_show_p4.right__ .text .t1{text-align:left;}
.pro_show_p4.right__ .text .t2{text-align:left;}
.pro_show_p5{padding:50px 0;}
.pro_show_p5 .list_{margin:0 -12px;}
.pro_show_p5 .list_ .i{float:left;padding:0 12px;width:50%;}
.pro_show_p5 .list_ .i_{position:relative;}
.pro_show_p5 .list_ .i .img img{width:100%;}
.pro_show_p5 .list_ .i .text{position:absolute;top:0;left:0;right:0;padding-top:32px;}
.pro_show_p5 .list_ .i .text p{font-size:22px;font-family:Microsoft YaHei-Bold,Microsoft YaHei;font-weight:bold;color:#FFFFFF;line-height:36px;text-align:center;}
.pro_show_p5 .list_ .i .text span{display:block;max-width:80%;font-size:16px;font-weight:400;color:#FFFFFF;line-height:28px;margin:16px auto 0;text-align:center;}
.pro_show_p5 .list_ .i:nth-child(2) .text span{max-width:80%;}
.pro_show_p6{padding:50px 0;background-color:#eeeeee;}
.pro_show_p6 .tit{font-size:36px;font-weight:bold;color:#2B2F3F;line-height:42px;}
.pro_show_p6 .list_{padding-top:30px;}
.pro_show_p6 table{width:100%;}
.pro_show_p6 table td{width:25%;vertical-align:middle;text-align:center;background-color:#4DBBAA;font-size:16px;color:#fff;padding:8px 0;}
.pro_show_p6 table .bg_01{background-color:#108B96;text-align:left;padding-left:50px;font-size:18px;}
.pro_show_p6 .img_box{
  padding-top: 32px;
}
.pro_show_p6 .img_box .img_list_ .i_i{
  float: left;
  width: 33.33%;
  padding: 16px;
}
.pro_show_p6 .img_box .img_list_{
  margin: -16px;
}
.pro_show_p6 .img_box .img_list_ .i_i img{
  width: 100%;
}
@media(max-width:768px){
  .pro_show_p6 .img_box .img_list_ .i_i{
    width: 100%;
  }
}
.pro_show_p7{padding:50px 0;background-color:#ffffff;overflow: hidden;}
.pro_show_p7 .tit{font-size:36px;font-weight:bold;color:#2B2F3F;line-height:42px;}
.pro_show_p7 .list_{padding-top:30px;}
.pro_show_p7 .list_ img{width:100%;}
.pro_show_p7 .list_ .pro_p7_swp{overflow:visible;}
.pro_show_p7 .list_ .pro_p7_swp .swiper-slide{position:relative;}
.pro_show_p7 .list_ .pro_p7_swp .img{position:relative;}
.pro_show_p7 .list_ .pro_p7_swp .img:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;/*background:linear-gradient(135deg,#000000 0%,rgba(0,0,0,0) 100%);*/}
.pro_show_p7 .list_ .pro_p7_swp .text{position:absolute;left:0;top:0;right:0;z-index:1;font-size:24px;font-weight:bold;color:#FFFFFF;line-height:28px;padding:32px;}
.pro_show_p7 .icon_{padding-top:45px;}
.pro_show_p7 .icon_ .l_{float:left;}

.pro_show_p7 .swiper-pagination-bullet{width:12px;height:12px;background:#CCCCCC;opacity:1;border-radius:50%;margin-right:8px;}
.pro_show_p7 .swiper-pagination-bullet-active{width:12px;height:12px;background:#4DBBAA;opacity:1;border-radius:50%;}
.pro_show_p7 .icon_ .r_{float:right;}
.pro_show_p7 .icon_ .r_ .btn{width:56px;height:56px;opacity:1;background-repeat:no-repeat;background-position:center;background-size:24px;display:inline-block;cursor:pointer;}
.pro_show_p7 .icon_ .r_ .btn:nth-child(1){background-color:#2B2F3F;background-image:url(../images/about_left_ico.svg);}
.pro_show_p7 .icon_ .r_ .btn:nth-child(2){background-color:#4DBBAA;background-image:url(../images/about_right_ico.svg);}
.pro_show_p8{padding:50px 0;}
.pro_show_p8 .tit{font-size:36px;font-weight:bold;color:#2B2F3F;line-height:42px;}
.pro_show_p8 .list_{margin:-12px;padding-top:30px;}
.pro_show_p8 .list_ .i{float:left;width:33.33%;padding:12px;}
.pro_show_p8 .list_ .i_{background-color:#EEEEEE;padding:32px;}
.pro_show_p8 .list_ .i_ .t{font-size:18px;font-weight:bold;color:#333333;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pro_show_p8 .list_ .i_ .t2{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid #cccccc;margin-top:24px;}
.pro_show_p8 .list_ .i_ .t2 span{font-size:16px;font-weight:400;color:#999999;line-height:28px;}
.pro_show_p8 .list_ .i_ .t2 .down{width:50px;height:51px;opacity:1;border:1px solid #CCCCCC;background-image:url(../images/download.svg);background-repeat:no-repeat;background-position:center;background-size:22px;}
.pro_show_p1 .img_m{display:none;}

.pro_show_p8 .list_ .i_:hover{background-image:linear-gradient(45deg,#108B96 0%,#4DBBAA 73%,#4DBBAA 100%);}
.pro_show_p8 .list_ .i_:hover .t{color:#fff;}
.pro_show_p8 .list_ .i_:hover .t2 span{color:rgba(255,255,255,.5);transition:all .3s;}
.pro_show_p8 .list_ .i_:hover .t2 .down{border-color:transparent;background-color:#ffffff;background-image:url(../images/download_1.svg);transition:all .3s;}


@media(max-width:1600px){
    .pro_show_p1 .img{right:12%;max-width:400px;}
}
@media(max-width:1200px){
    .pro_show_p1 .text{max-width:560px;}
    .pro_show_p1 .text .t3{margin:30px 0;}
    .pro_show_p1 .img{max-width:100%;}
    .pro_show_p1 .tit{font-size:90px;line-height:90px;}
    .pro_show_p1 .text{padding-top:40px;}
    .pro_show_p3 .list_ .i{width:50%;min-width:50%;max-width:50%;}
    .pro_show_p8 .list_ .i{width:50%;}
}
@media(max-width:992px){
    .pro_show_p1 .img{display:none;}
    .pro_show_{height:auto;padding-top:30px;}
    .pro_show_p1{position:relative;transform:translate(0);top:auto;}
    .pro_show_p1 .text{width:100%;margin-top:0;max-width:100%;}
    .pro_show_p1 .text .t1{text-align:center;font-size:24px;line-height:1.2;}
    .pro_show_p1 .text .t2{text-align:center;margin-top:10px;}
    .pro_show_p1 .tit{display:none;}
    .pro_show_p1 .text .t3 .i span{font-size:24px;}
    .pro_show_p1 .text .t3 .s_{transform:rotate(0);}
    .pro_show_p1 .img_m{display:block;position:relative;right:auto;transform:translate(0);top:auto;margin:0 auto 40px;}
    .pro_show_p1 .img_m img{position:relative;z-index:1;}
    .pro_show_p1 .img_m .img_t{position:absolute;z-index:0;left: 0;width:100%;top:30%;display:block;font-family:myFont;font-size:40px;font-weight:400;background:-webkit-gradient(linear,left top,left bottom,from(#FFFFFF),color-stop(86%,rgba(255,255,255,0)));background:-o-linear-gradient(top,#FFFFFF 0%,rgba(255,255,255,0) 86%);background:linear-gradient(180deg,#FFFFFF 0%,rgba(255,255,255,0) 86%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;}
}
@media(max-width:768px){
    .pro_show_p1 .text .t3 .i p{font-size:14px;line-height:1.2;}
    .pro_show_p1 .text .t3 .i span{font-size:16px;line-height:1.2;}
    .pro_show_p1 .text .t3 .s_{height:24px;}
    .pro_show_p1 .img_m .swiper-container{width: 100%;}
    .pro_show_p1 .img_m .swiper-slide{text-align: center;}
    .pro_show_p1 .img_m .swiper-slide img{max-width: 280px;}
    .pro_show_p1 .text .t4 .btn{display:inline-block;width:120px;height:42px;font-size:14px;font-weight:400;color:#FFFFFF;line-height:42px;margin:0 8px;}
    .pro_show_p1 .text .t4{text-align:center;}
    .pro_show_p1 .text .t4 .btn:nth-child(2){margin-left:10px;}
    .pro_show_p2.fixed{top:64px;}
    .pro_show_p2 .l_{display:none;}
    .pro_show_p2 .r_{width:100%;}
    .pro_show_p2 .r_ a{margin:0 5px;}
    .pro_show_p2 .r_ a{line-height:42px;}
    .pro_show_p3 .tit{font-size:24px;}
    .pro_show_p3{padding:30px 0;}
    .pro_show_p3 .list_ .i{width:100%;min-width:100%;max-width:100%;}
    .pro_show_p3 .list_ .i_{padding:20px;}
    .pro_show_p4 {
        display: flex;
        flex-direction: column-reverse;
    }
    .pro_show_p4 .img img{opacity:1;}
    .pro_show_p4 .img{background-image:none!important;min-height:100%;}
    .pro_show_p4 .text{position:relative;width:100%;top:0;transform:translate(0);padding:40px 0;width:100%;}
    .pro_show_p4 .text .t2{max-width:100%;}
    .pro_show_p4 .text .btn{margin-top:30px;}
    .pro_show_p4.right__ .text_box{width:100%;}
    .pro_show_p5 .list_ .i{width:100%;}
    .pro_show_p5 .list_ .i:nth-child(1){margin-bottom:30px;}
    .pro_show_p5 .list_ .i .text p{font-size:18px;color: #333;}
    .pro_show_p5 .list_ .i:nth-child(2) .text span{padding:0 20px;}
    .pro_show_p5 .list_ .i .text span{color: #666666;max-width: 100%;}
    .pro_show_p5 .list_ .i .text{position: relative;padding-top: 15px;}
    .pro_show_p6 .tit,
    .pro_show_p7 .tit,
    .pro_show_p8 .tit{font-size:24px;}
    .pro_show_p6 table .bg_01{padding-left:10px;}
    .pro_show_p6,
    .pro_show_p7{padding:30px 0;}
    .pro_show_p7 .icon_ .r_{display:none;}
    .pro_show_p7 .icon_ .l_{float:unset;margin:0 auto;width:100%;}
    .pro_show_p7 .icon_{text-align:center;padding-top:20px;}
    .pro_show_p8 .list_ .i{width:100%;}
    .pro_show_p8 .list_ .i_{padding:20px;}
    .pro_show_p7 .list_{width: 100%;overflow: hidden;}
    .pro_show_p7 .list_ .pro_p7_swp{overflow:hidden;}
    .pro_show_p7 .swiper-pagination{
        position: relative!important;
    }

}
/* 产品详情页end */
/*产品列表*/
.product_list .pro_select{background-color:#eeeeee;padding-bottom:30px;position:relative;z-index:4;}
.product_list .pro_select .up_{padding-top:35px;}
.product_list .pro_select .up_ .t{font-size:18px;font-weight:bold;color:#333333;line-height:28px;float:left;}
.product_list .pro_select .up_ .reset{float:right;width:76px;height:34px;background:#4DBBAA;font-size:16px;font-weight:400;color:#FFFFFF;line-height:34px;text-align:center;cursor:pointer;}
.product_list .pro_select .down_{margin:0 -20px;padding-top:30px;}
.product_list .pro_select .down_ .i{float:left;width:25%;padding:0 20px;}
.product_list .pro_select .down_ .t{font-size:16px;font-weight:400;color:#666666;line-height:28px;}
.product_list .pro_select .down_ .mt{margin-top:15px;height:56px;}
.pro_select_box{opacity:1;border:1px solid #C4C4C4;position:relative;}
.pro_select_box .span{position:absolute;left:0;top:0;right:0;bottom:0;cursor:pointer;z-index:1;}
.pro_select_box .span input{display:block;position:absolute;left:0;top:0;right:0;bottom:0;padding:0 16px;cursor:pointer;}
.pro_select_box .span .icon{position:absolute;right:0;top:50%;transform:translateY(-50%);width:46px;height:22px;border-left:1px solid #c4c4c4;}
.pro_select_box .span .icon:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-top:7px solid #000;border-left:6px solid transparent;border-right:6px solid transparent;}
.pro_select_box .drop_down_{position:absolute;left:0;top:100%;right:0;border:1px solid #C4C4C4;background-color:#EEEEEE;padding:10px 20px;display:none;}
.pro_select_box .drop_down_ p{color:#ccc;font-size:16px;margin:10px 0;cursor:pointer;}
.pro_select_box .drop_down_ p:hover{color:#666;}
.range{position:relative;height:100%;margin:0;width:100%;    /*overflow: hidden;*/user-select:none;-webkit-user-select:none;}
.chunk-one,
.chunk-two{position:absolute;left:0;top:0px;width:16px;height:16px;border-radius:50%;background-color:#fff;z-index:10;cursor:pointer;border:2px solid #666666;box-sizing:border-box;}
.range .chunk-two{left:100%;}
.strong01,
.strong02{font-size:16px;font-weight:400;color:#666666;line-height:26px;position:absolute;bottom:0;}
.strong01{left:0;}
.strong02{right:-16px;}
.strip-one,
.strip-two{position:absolute;left:0;top:6px;height:4px;width:100%;background-color:#c4c4c4;}
.strip-two{width:100%;background-color:#4DBBAA;}
.pro_select_{padding-right:16px;}
.product_list .cont{overflow: hidden;margin: 32px auto;}
.product_list .cont .tit{padding:40px 0;}
.product_list .cont .tit .t{font-size:36px;font-weight:bold;color:#333333;line-height:42px;float:left;}
.product_list .cont .tit .des{float:right;font-size:16px;font-weight:400;color:#666666;line-height:26px;display: none;}
.product_list .cont .tit .des span{color:#4DBBAA;display:inline-block;padding:0 3px;}
.product_list .cont .list_{margin:-12px;padding:0 24px 50px;}
.product_list .cont .list_ .i{float:left;width:33.3%;padding:12px;}
.product_list .cont .list_ .i_{position:relative;display:block;}
.product_list .cont .list_ .i .bg{position:relative;z-index:0;}
.product_list .cont .list_ .i .bg img{width:100%;}
.product_list .cont .list_ .i_ .pro_c{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;}
.product_list .cont .list_ .pro_img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:50%;}
.product_list .cont .list_ .pro_img img{width:100%;}
.product_list .cont .list_ .pro_text{position:absolute;z-index:2;left:0;bottom:0;padding:48px;}
.product_list .cont .list_ .pro_text .t1{display:block;position:relative;font-size:32px;font-weight:bold;color:#FFFFFF;line-height:1.2;padding-bottom:16px;}
.product_list .cont .list_ .pro_text .t1:after{content:'';width:10px;height:1px;background:#FFFFFF;position:absolute;left:0;bottom:0;}
.product_list .cont .list_ .pro_text .des{padding-top:15px;}
.product_list .cont .list_ .pro_text .des p{font-size:16px;font-weight:400;color:#FFFFFF;line-height:26px;margin:4px 0;}
.product_list .cont .list_ .pro_text .more{margin-top:40px;}
* {
  -webkit-box-sizing: border-box;
  /*! box-sizing: border-box; */
  /*outline: 0;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
  /*! margin: 0; */
  /*! padding: 0; */
  /*! line-height: 1.2; */
}
@media(max-width:1200px){
    .product_list .pro_select .down_ .i{width:50%;margin-bottom:50px;}
    .product_list .cont .list_ .pro_text{padding:15px;}
    .product_list .cont .list_ .pro_text .more{margin-top:15px;}
    .product_list .cont .list_ .pro_text .t1{font-size:20px;}
    .product_list .cont .list_ .pro_text .des p{font-size:14px;line-height:20px;}
}
@media(max-width:768px){
    .product_list .pro_select .down_ .i{width:100%;margin-bottom:30px;}
    .pro_select_box{position:relative;z-index:99;}
    .product_list .cont .list_{padding:0 20px 30px;}
    .product_list .cont .list_ .i{width:100%;}
    .product_list .cont .list_ .pro_img{max-width:40%;}
    .product_list .cont .tit .t{font-size:20px;line-height:24px;}
    .product_list .cont .list_ .pro_text .des,
    .product_list .cont .list_ .pro_text .t1:after,
    .product_list .cont .list_ .pro_text .more span,
    .product_list .cont .list_ .pro_text .more .icon{display:none;}
    .product_list .cont .list_ .pro_text .more{display:none;}
    .product_list .cont .list_ .pro_text{width:100%;}
    .product_list .cont .list_ .pro_text .t1{padding-bottom:0;text-align:center;}
    .product_list .pro_select{position:fixed;width:100%;height:100%;z-index:99;top:0;left:0;display:none;}
    .product_list .pro_select.show{display:block;}
    .product_list .pro_select_btn__{margin-left:20px;margin-top:30px;width:110px;height:42px;background-color:#4DBBAA;font-size:16px;color:#fff;line-height:42px;text-align:center;border-radius:2px;}
}
.public_more_03{width:154px;height:50px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;}
.public_more_03:hover{background-color:#4DBBAA;}
.public_more_03 span{font-size:16px;font-weight:400;color:#666666;line-height:26px;padding-right:28px;}
.public_more_03:hover span{color:#fff;}
.public_more_03 .icon{width:22px;height:22px;background-image:url(../images/more_gray.svg);background-size:22px;background-repeat:no-repeat;background-position:center;}
.public_more_03:hover .icon{background-image:url(../images/more_white.svg);}
@media(max-width:768px){
    .public_more_03{width:124px;height:42px;}
    .public_more_03 span{font-size:14px;padding-right:12px;}
}
/* 定制开发 */
.service-list {
	margin-top: 100px;
  margin-left:100px;
}

.service-list .service-list-ul>li {
	display: block;
	float: left;
	width: 30.3333%;
	margin-right: 3%;
	height: 480px;
	box-shadow: 0 0 10px 2px #f3f3f3;
}

.service-list .service-list-ul>li:nth-child(3n) {
	margin-right: 0;
}

.service-list .service-list-ul>li:hover {
	/*background:#21abd7;*/
}

.service-list .service-list-ul>li a {
	display: block;
	height: 100%;
	padding: 60px 58px 0;
  border-radius: 3px;
  transition:all 0.5s ease;
}
.service-list .service-list-ul>li:hover a {
  background-color: #ea0018;
}
.service-list .service-list-ul .service-list-img {
	display: inline-block;
	height: 120px;
	position: relative;
}
.service-list .service-list-ul>li .service-list-img .service-list-img-icon {
  width: 160px;
  height: 120px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.service-list .service-list-ul>li:nth-child(1) .service-list-img .service-list-img-icon {
  background-image: url(../images/service-list-icon-1.png);  
}
.service-list .service-list-ul>li:nth-child(3) .service-list-img .service-list-img-icon {
  background-image: url(../images/service-list-icon-2.png);  
}
.service-list .service-list-ul>li:nth-child(2) .service-list-img .service-list-img-icon {
  background-image: url(../images/service-list-icon-3.png);  
}
.service-list .service-list-ul>li:nth-child(1):hover .service-list-img .service-list-img-icon {
  background-image: url(../images/service-list-icon-1-hover.png);  
}
.service-list .service-list-ul>li:nth-child(3):hover .service-list-img .service-list-img-icon {
  background-image: url(../images/service-list-icon-2-hover.png);  
}
.service-list .service-list-ul>li:nth-child(2):hover .service-list-img .service-list-img-icon {
  background-image: url(../images/service-list-icon-3-hover.png);  
}

.service-list .service-list-ul .service-list-img img {
	max-height: 100%;
}

.service-list .service-list-ul .service-list-content {
	width: 100%;
	margin-top: 38px;
}

.service-list .service-list-ul .service-list-content h2 {
	font-size: 38px;
	color: #353535;
	font-weight: bold;
}

.service-list .service-list-ul .service-list-content ul {
	width: 100%;
	overflow: hidden;
	margin: 20px 0 50px;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.service-list .service-list-ul .service-list-content ul li {
	display: inline-block;
	vertical-align: top;
}

.service-list .service-list-ul .service-list-content ul li:last-child {
	margin-right: 0;
}

.service-list .service-list-ul .service-list-content ul li h4,
.service-list .service-list-ul .service-list-content-h4,
.service-list .service-list-ul .service-list-content ul li p {
	font-size: 15px;
	color: #585858;
	line-height: 26px;
	position: relative;
	padding-left: 20px;
}

.service-list .service-list-ul .service-list-content ul li h4::before,
.service-list .service-list-ul .service-list-content-h4::before,
.service-list .service-list-ul .service-list-content ul li p::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 1px;
	left: 0;
	top: 50%;
	background: #a0a0a0;
}

.service-list .service-list-ul>li .service-list-content i {
  display: block;
	width: 0;
  height: 10px;
  margin-top: 45px;
  background: url(../images/arrow3.png) right center no-repeat;
  transition: all ease .3s;
}

.service-list .service-list-ul>li:hover .service-list-content h2 {
  color: #fff;
}
.service-list .service-list-ul>li:hover .service-list-content ul li h4,
.service-list .service-list-ul>li:hover .service-list-content-h4,
.service-list .service-list-ul>li:hover .service-list-content ul li p {
  color: #fff;
}

.service-list .service-list-ul>li:hover .service-list-content ul li h4::before,
.service-list .service-list-ul>li:hover .service-list-content-h4::before,
.service-list .service-list-ul>li:hover .service-list-content ul li p::before {
  background: #fff;
}
.service-list .service-list-ul>li:hover .service-list-content i {
	width: 48px;
}

.service-list .service-list-ul>li:hover .service-list-content i::before {
	transform: scale(1);
	opacity: 1;
}

.service-list .service-list-ul>li .service-list-dot {
	position: absolute;
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #ea0018;
	transition: all .6s ease;
}
.service-list .service-list-ul>li:hover .service-list-dot {
  background: #ffffff;
}


.service-list .service-list-ul>li:nth-child(1) .service-list-dot1 {
	top: 8px;
	left: 4px;
}

.service-list .service-list-ul>li:nth-child(1) .service-list-dot2 {
	top: 59px;	
	left: 32px;
}

.service-list .service-list-ul>li:nth-child(1) .service-list-dot3 {
	right: 3px;
	bottom: 7px;
}
.service-list .service-list-ul>li:nth-child(3) .service-list-dot1 {
	top: 7px;
	left: 7px;
}

.service-list .service-list-ul>li:nth-child(3) .service-list-dot2 {
	left: 99px;
	top: 49px;
}

.service-list .service-list-ul>li:nth-child(3) .service-list-dot3 {
	top: 93px;
	left: 140px;
}

.service-list .service-list-ul>li:nth-child(2) .service-list-dot1 {
	top: 63px;
	left: 58px;
}

.service-list .service-list-ul>li:nth-child(2) .service-list-dot2 {
	left: 4px;
	top: 8px;
}

.service-list .service-list-ul>li:nth-child(2) .service-list-dot3 {
	left: 143px;
	bottom: 7px;
}


.service-list .service-list-ul>li:nth-child(1):hover .service-list-dot1 {
	left: 143px;
}

.service-list .service-list-ul>li:nth-child(1):hover .service-list-dot2 {
	left: 116px;
}

.service-list .service-list-ul>li:nth-child(1):hover .service-list-dot3 {
	right: 142px;
}

.service-list .service-list-ul>li:nth-child(3):hover .service-list-dot1 {
	top: 93px;
}

.service-list .service-list-ul>li:nth-child(3):hover .service-list-dot2 {
	left: 47px;
}

.service-list .service-list-ul>li:nth-child(3):hover .service-list-dot3 {
	top: 7px;
}

.service-list .service-list-ul>li:nth-child(2):hover .service-list-dot1 {
	top: 65px;
	left: 94px;
}

.service-list .service-list-ul>li:nth-child(2):hover .service-list-dot2 {
	top: 99px;
}

.service-list .service-list-ul>li:nth-child(2):hover .service-list-dot3 {
	bottom: 98px;
}
.index-floor {
	padding: 70px 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
}
@media (max-width: 768px) {
.index-floor {
  padding: 35px 0px;
}
.index-floor .floor-title {
  width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}

.index-floor .floor-title p {
  font-size: 24px;
}

.index-floor .floor-title span.headline {
  font-size: 34px;
  top: -6px;
}

.index-floor .floor-title span.subtitle {
  font-size: 14px;
}


.service-list {
  margin-top: 15px;
}
.service-list .service-list-ul>li {
  width: 100%;
    height: auto;
    margin-top: 20px;
}
.service-list .service-list-ul>li a {
  padding: 28px 20px;
  text-align: center;
}
.service-list .service-list-ul .service-list-content ul {
  margin-bottom: 0;
  justify-content: center;
}
.service-list .service-list-ul .service-list-content ul li {
    margin-right: 24px;
}
.service-list .service-list-ul .service-list-content ul li:last-child {
    margin-right: 0;
}
.service-list .service-list-ul .service-list-content ul li h4, .service-list .service-list-ul .service-list-content-h4, .service-list .service-list-ul .service-list-content ul li p {
  text-align: left;
}


.advantage_content .advantage_list .content_list_top {
  height: 240px;
}
.advantage_content .advantage_list .content_list_top .list_top_title {
    font-size: 18px;
    padding-bottom: 12px;
    margin-bottom: 10px;
}
.advantage_content .advantage_list .content_list_top .list_top_txt p {
  font-size: 14px;
    margin-bottom: 10px;
}
.service-list .service-list-ul > li {
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-left: -56px;
}
.index-applets .applets-list .item {
  width: 100%;
  margin-bottom: 20px;
}
.index-applets .applets-list .item .tit {
  padding: 15px 0 6px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
}
.index-applets .applets-list .item p {
  font-size: 14px;
}
.index-applets .applets-list .item .more {
  margin-top: 15px;
}
}
/* 定制开发end */