* {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  -webkit-appearance: none;
  outline: none;
}
:root {
  --b700: 700;
  --ptb: 120px;
  --color: #c4af93;
  --b600: 600;
  --borders: 15px;
  --widths: 85%;
  --borders20: 20px;
  --fen: "Open Sans", Arial, Helvetica, sans-serif;
  --boxshadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  --hoverboxshadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.ptb100p {
  padding-top: var(--ptb);
  padding-bottom: var(--ptb);
}
a,
.tran {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
a:hover {
  color: var(--color);
}
.fwb {
  font-weight: 700;
}
.ani_style2,
.ani_style3,
.ani_style22 {
  opacity: 0;
}
.ani_style2.is-inview {
  animation: 1s aniStyle2 0.3s;
  animation-fill-mode: forwards;
}
.ani_style22.is-inview {
  animation: 1s aniStyle22 0.3s;
  animation-fill-mode: forwards;
}
.ani_style3.is-inview {
  animation: 1s aniStyle3 0.3s;
  animation-fill-mode: forwards;
}
@keyframes aniStyle1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes aniStyle2 {
  0% {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
  }
}
@keyframes aniStyle22 {
  0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
  }
}
@keyframes aniStyle3 {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.ani_4.is-inview {
  animation-delay: 0.4s !important;
}
.ani_5.is-inview {
  animation-delay: 0.5s !important;
}
.ani_6.is-inview {
  animation-delay: 0.6s !important;
}
.ani_7.is-inview {
  animation-delay: 0.7s !important;
}
.ani_8.is-inview {
  animation-delay: 0.8s !important;
}
.ani_9.is-inview {
  animation-delay: 0.9s !important;
}
.ani_10.is-inview {
  animation-delay: 1s !important;
}
.ani_11.is-inview {
  animation-delay: 1.1s !important;
}
.ani_12.is-inview {
  animation-delay: 1.2s !important;
}
.ani_13.is-inview {
  animation-delay: 1.3s !important;
}
.ani_14.is-inview {
  animation-delay: 1.4s !important;
}
.ani_15.is-inview {
  animation-delay: 1.5s !important;
}
.ani_16.is-inview {
  animation-delay: 1.6s !important;
}

.text-c {
  text-align: center;
}
input,
body {
  font-family: "NotoSansHans-Regular", "Source Han Sans CN", "PingFang SC",
    "Microsoft YaHei", -apple-system, Arial, sans-serif;
  color: #222;
}
body {
  font-size: 16px;
  line-height: 1.8;
}
.w95 {
  width: var(--widths);
  margin: 0 auto;
  max-width: 1300px;
  min-width: 1200px;
}

.wap_show {
  display: none !important;
}
.pubh4 {
  font-size: 50px;
  line-height: 1.2;
}
.pubh4-fff {
  color: #fff;
}
.pubh4 span {
  background: url(../img/xxa.png) center bottom no-repeat;
  display: inline-block;
  padding-bottom: 15px;
}
.pubh4-fff span {
  background-image: url(../img/xxa-fff.png);
}
.pubp1 {
  font-size: 30px;
  line-height: 1.4;
  margin-top: 15px;
  color: #757575;
}
.pubmore2 {
  display: flex;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
.pubmore2 {
  border: 1px solid #7c7c7c;
  height: 30px;
  line-height: 28px;
  border-radius: 60px;
  padding: 0 20px;
  align-items: center;
}
.pubmore2 i {
  margin-left: 5px;
  font-size: 12px;
}
.pubmore2,
.pubmore2 i {
  color: #7c7c7c;
  transform: all 0.3s ease;
}
.pubmore2:hover {
  background-color: var(--color);
  border-color: var(--color);
}
.pubmore2:hover,
.pubmore2:hover i {
  color: #fff;
}

.h88p {
  height: 88px;
}
.kmtop {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 88;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.kmtop {
  padding: 20px 0;
}
.kmtop {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.kmtopm {
  justify-content: space-between;
}
.kmtoplogo img {
  height: 48px;
  vertical-align: top;
}
.kmtopright {
  height: 48px;
  line-height: 48px;
  display: flex;
  justify-content: flex-end;
}
.kmtopright {
  width: calc(100% - 330px);
}
.kmtopsearch {
  width: 26px;
  text-align: right;
  cursor: pointer;
  display: none;
}
.kmtopsearch i {
  font-size: 24px;
}
.kmtopnav {
  display: flex;
  width: calc(100% - 26px);
  justify-content: flex-end;
  width: 100%;
}
.kmtopnav > li {
  margin-left: 5.5%;
  position: relative;
}
.kmtopnav > li:before {
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
  height: 1px;
  background: var(--color);
  content: "";
}
.kmtopnav > li:before {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
.kmtopnav > li > a {
  font-size: 18px;
}
.kmtopnav .on > a {
  color: var(--color);
}
.kmtopuub {
  display: none;
}
.kmtopuub {
  position: absolute;
  left: 50%;
  top: 100%;
  width: 400px;
  padding-top: 20px;
  margin-left: -200px;
}
.kmtopuub ul {
  background: #fff;
  padding: 50px;
  line-height: 1.4;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
}
.kmtopuub li {
  margin-top: 12px;
}
.kmtopuub li:nth-child(2) {
  margin-top: 20px;
}
.kmtopuub a {
  color: #7c7c7c;
}
.kmtopuub a:hover {
  color: var(--color);
}
.kmtopuub h5 {
  padding-bottom: 15px;
  border-bottom: 1px solid #ececec;
}
.hasnav:hover:before {
  opacity: 1;
  height: 1px;
}
.kmtop.scroll {
  padding-top: 10px;
  padding-bottom: 10px;
}
.kmtop.scroll .kmtopuub {
  padding-top: 10px;
}
.kmtop.scroll .kmtopnav > li:before {
  bottom: -10px;
}

.kmbaner {
  overflow: hidden;
  position: relative;
}
.kmbanerbg {
  width: 100%;
  vertical-align: top;
  max-height: calc(100vh - 88px);
  object-fit: cover;
}
.kmbanerh3 {
  font-size: 90px;
  line-height: 1.3;
}
.kmbanerwz {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 85%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.kmmore {
  display: inline-block;
  position: relative;
  padding-right: 50px;
}
.kmmore i {
  font-size: 36px;
  right: 0;
  line-height: 1;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: absolute;
}
.kmmore i {
  margin-top: -1px;
}
.kmmore {
  font-size: 19px;
  color: #999;
}
.kmmore2 {
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
.kmmore2 i {
  font-size: 20px;
  right: 0;
  line-height: 1;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: absolute;
}
.kmmore2 i {
  margin-top: -1px;
  color: var(--color);
}
.kmmore2 {
  font-size: 18px;
  color: #999;
  line-height: 20px;
}
.kmmore2-xiao {
  font-size: 14px;
}
.kmmore2-xiao i {
  font-size: 14px;
}
.kmmore2,
.kmmore2 i {
  transition: all 0.3s ease;
}
.kmmore2:hover {
  color: var(--color);
}
.kmmore2:hover i {
  right: -5px;
}
.kmbanermore {
  margin-top: 6%;
}
.kmpage {
  width: 100%;
  left: 0;
  bottom: 3% !important;
  z-index: 4;
  text-align: center;
  position: absolute;
}
.kmpage span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d6d6d6;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.kmpage span {
  opacity: 1 !important;
  -webkit-opacity: 1 !important;
  margin: 0 18px !important;
}
.kmpage span:before {
  position: absolute;
  width: 30px;
  height: 30px;
  border: 1px solid #444444;
}
.kmpage span:before {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-opacity: 0;
}
.kmpage span:before {
  content: "";
  border-radius: 50%;
}
.kmpage span,
.kmpage span:before {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.kmpage span.swiper-pagination-bullet-active {
  background: #444444;
}
.kmpage span.swiper-pagination-bullet-active:before {
  opacity: 1 !important;
  -webkit-opacity: 1 !important;
}

.kmindexa {
  background: #f4f8fb;
  line-height: 1.4;
}
.kmindexan {
  width: 100%;
  flex-wrap: wrap;
}
.kmindexalink {
  width: 32%;
  margin-right: 2%;
}
.kmindexalink:nth-child(3n) {
  margin-right: 0;
}
.kmindexaimg {
  position: relative;
}
.kmindexaimg img {
  width: 100%;
  vertical-align: top;
}
.kmindexap1 {
  color: #7c7c7c;
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
}
.kmindexap2 {
  color: #7a7a7a;
  font-size: 20px;
}
.kmindexap3 {
  color: #444;
  font-size: 24px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.kmindexap3 span {
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--color);
  background: #fff;
}
.kmindexap3 span {
  background: #fff;
  padding: 0 20px;
  line-height: 30px;
  border-radius: 30px;
}
.kmindexawz {
  border: 1px solid #9a9b9c;
  border-left: none;
  border-right: none;
  padding: 15px;
}
.kmindexahs {
  height: 105px;
}
.kmindexalink {
  position: relative;
}
.kmindexaimg2 {
  background: url(../demo/kmindexabg.jpg) center no-repeat;
  background-size: cover;
}
.kmindexaimg2 {
  height: calc(100% - 155px);
}
.kmindexaimg2,
.kmindexaimg2 img,
.kmindexahover {
  transition: all 0.6s ease;
}
.kmindexaimg2 img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.kmindexahover {
  width: 100%;
  height: 100%;
  left: -3%;
  top: -3%;
  z-index: 3;
  position: absolute;
  background: #fff;
}
.kmindexahover {
  width: 106%;
  height: 106%;
  transform: scale(0.95);
}
.kmindexawz2 {
  border: none;
  padding: 20px;
}
.kmindexahs2 {
  height: 80px;
}
.kmindexahover {
  opacity: 0;
  -webkit-opacity: 0;
  visibility: hidden;
}
.kmindexalink:hover .kmindexahover {
  opacity: 1;
  -webkit-opacity: 1;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
  visibility: visible;
  transform: scale(1);
}
.kmindexan {
  margin-top: 55px;
}

.kmindexo {
  position: relative;
}
.kmindexb,
.kmindexc {
  position: relative;
  z-index: 3;
}
.kmindexc {
  padding-bottom: 0;
}
.kmindexo:before {
  background: url(../demo/kmindexobg.png) center bottom no-repeat #e4e9ed;
  background-size: 100% auto;
  position: absolute;
}
.kmindexo:before {
  content: "";
  width: 100%;
  height: calc(100% - 115px);
}
.kmindexo:before {
  height: 80%;
}
.kmindexbm {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.kmindexbl {
  width: 48%;
}
.kmindexbp3 {
  display: flex;
  justify-content: flex-start;
  margin-top: 45px;
}
.kmindexbr {
  width: 51%;
}
.kmindexbr img {
  width: 100%;
  vertical-align: top;
}

.kmindexcdataimg {
  margin-top: 45px;
  position: relative;
}
.kmindexcdataimg img {
  width: 100%;
}
.kmindexcdata {
  margin-top: 100px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.kmindexcdata {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding: 60px 10%;
  justify-content: space-between;
  background: #fff;
}
.kmindexcdata ul {
  text-align: center;
}
.kmindexcp2 {
  color: #7c7c7c;
  font-size: 20px;
}
.kmindexcp1 {
  line-height: 1;
  font-size: 68px;
  font-weight: 700;
  color: var(--color);
}
.kmindexcp1 i {
  font-style: normal;
  font-size: 40px;
  padding-left: 10px;
}

.h160p {
  height: 160px;
}
.footer a {
  color: #7c7c7c;
}
.footer {
  padding-top: 70px;
  border-top: 1px solid #f8f8f8;
  padding-bottom: 60px;
  background: url(../demo/footerbg.jpg) center bottom no-repeat #fefefe;
}
.footer {
  background-size: cover;
}
.footernav {
  display: flex;
  justify-content: space-between;
  padding-bottom: 130px;
}
.footernav h6 {
  font-size: 24px;
  position: relative;
  line-height: 1.2;
}
.footernav h6 i {
  position: absolute;
  font-size: 16px;
  right: 0;
  display: block;
  line-height: 1;
  top: 50%;
  margin-top: -8px;
  visibility: hidden;
}
.js_ewm {
  position: relative;
}
.footershare {
  display: flex;
  justify-content: space-between;
  width: 110px;
  align-items: flex-start;
}
.footershare a {
  line-height: 30px;
  height: 30px;
}
.footernav li {
  line-height: 1.4;
  margin-top: 18px;
}
.footernav li a {
  font-size: 18px;
}
.footernav li a:hover {
  color: var(--color);
}
.footernav ul ul {
  padding-top: 10px;
}
.footershare {
  display: none;
}

.iconwb i {
  font-size: 26px;
}
.iconwx i {
  font-size: 24px;
}
.iconmail i {
  font-size: 22px;
}

.js_ewmsub {
  bottom: 30px;
  padding-bottom: 12px;
}
.js_ewmsub {
  position: absolute;
  width: 130px;
  left: 50%;
  margin-left: -65px;
}
.js_ewmsub ul {
  padding: 15px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
.js_ewmsub ul:before {
  position: absolute;
  content: "";
  display: none;
}
.js_ewmsub img {
  max-width: 100%;
}
.js_ewmsub {
  display: none;
}

.footerlogo {
  height: 40px;
}
.footercopyp2 {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  border-top: 1px solid #d5d5d5;
  padding-top: 20px;
  margin-top: 20px;
  justify-content: space-between;
}
.footercopyp2,
.footercopyp2 a {
  color: #a8a8a8;
  line-height: 1.4;
}
.footercopyp2 em {
  padding: 0 10px;
  font-size: 14px;
}
.footercopyp2r {
  display: flex;
  align-items: center;
}

.pgbaner {
  position: relative;
}
.pgbaner > img {
  width: 100%;
  vertical-align: top;
}
.pgbaner > img {
  max-height: 70vh;
  object-fit: cover;
}
.pgbanerp1 {
  font-size: 55px;
  line-height: 1.4;
}
.pgbanerp2 {
  font-size: 20px;
}
.pgbanerp3 img {
  height: 70px;
}

.pgbanerwz {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.pgbanerwz-1 {
  top: 40%;
}
.puben {
  font-family: var(--fen);
}
.abouta {
  background: url(../demo/abouta.jpg) center no-repeat;
  background-size: cover;
  position: relative;
}
.aboutap1 img {
  height: 60px;
}
.aboutap2 {
  margin-top: 50px;
}
.aboutap2 p {
  text-indent: 32px;
  line-height: 2.2;
  font-size: 18px;
}
.aboutap3 {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 60px;
  justify-content: space-between;
}
.aboutap3m {
  width: 49%;
  position: relative;
  overflow: hidden;
}
.aboutap3 img {
  width: 100%;
  vertical-align: top;
  transition: all 0.3s ease;
}
.aboutap3wz {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 3;
}
.aboutap3wz {
  background: rgba(0, 0, 0, 0.03);
  color: #333;
  padding: 20px 35px;
}
.aboutap3p2 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.4;
}
.aboutap3p1 {
  font-size: 24px;
}
.aboutap3p1 span {
  display: inline-block;
  line-height: 1;
  padding-bottom: 10px;
  position: relative;
}
.aboutap3p1 span:before {
  position: absolute;
  width: 50px;
  height: 1px;
  background: #666;
  bottom: 0;
  content: "";
  position: absolute;
  left: 0;
}
.aboutap3m:hover img {
  transform: scale(1.03);
}
.aboutap3m:hover .aboutap3wz {
  background: var(--color);
}

.aboutb {
  background: url(../demo/aboutbbg.jpg) center no-repeat;
  background-size: cover;
  position: relative;
}
.historypage {
  margin-top: 110px;
  position: relative;
}
.historypagem {
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.historypagem li {
  cursor: pointer;
}
.historypagem p {
  color: #7a7a7a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  padding-top: 20px;
}
.historypage:before {
  background: #d3d7d8;
  width: 100%;
  height: 2px;
  content: "";
  left: 0;
  top: 21px;
  position: absolute;
}
.historypagem {
  position: relative;
  z-index: 3;
}
.historypagem i {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.historypagem i:before,
.historypagem i:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.5s ease;
  border-radius: 50%;
}
.historypagem i:before {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  opacity: 0;
  transform: scale(0);
}
.historypagem i:after {
  width: 16px;
  height: 16px;
  background: #c0c2c1;
  transform: scale(0.5);
  z-index: 3;
}
.historypagem .on i:after {
  background: var(--color);
  transform: scale(1);
}
.historypagem .on i:before {
  opacity: 1;
  transform: scale(1);
}
.historypagem .on p {
  color: var(--color);
}

.aboutbn {
  position: relative;
}
.pubbtns {
  position: absolute;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  background: var(--color);
  line-height: 50px;
  cursor: pointer;
}
.pubbtns {
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.pubbtns i {
  display: inline-block;
  position: relative;
  font-size: 18px;
}
.pubbtnsl {
  left: -100px;
}
.pubbtnsl i {
  transform: rotateZ(0) rotateY(180deg);
}
.pubbtnsr {
  right: -100px;
}
.historyslide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.historyslide {
  opacity: 0 !important;
}
.historyslide.swiper-slide-active {
  opacity: 1 !important;
}
.historyimg {
  width: 49%;
}
.historyimg img {
  width: 100%;
}
.historywz {
  width: 51%;
  padding-left: 5%;
}
.historyp1 {
  color: #b5b5b5;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.historyp2,
.historyp1 {
  font-size: 32px;
  line-height: 1;
}
.historyp2 {
  margin-top: 40px;
}
.historyp3 {
  padding-left: 30px;
  border-left: 2px solid #cecfd1;
  color: #aaacab;
  margin-top: 30px;
}
.aboutbn {
  margin-top: 12%;
}

.aboutd {
  position: relative;
  position: relative;
}
.aboutdbg {
  width: 100%;
  vertical-align: top;
  max-height: calc(100vh - 88px);
  object-fit: cover;
}
.aboutdm {
  position: absolute;
  z-index: 3;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.aboutdp1 {
  color: var(--color);
  font-size: 24px;
  line-height: 1.4;
  text-align: center;
}
.aboutdp1-3 {
  font-size: 30px;
}
.aboutdp1m {
  position: relative;
  padding: 25px 60px;
}
.aboutdp1m:after,
.aboutdp1m:before {
  position: absolute;
  height: 100%;
  top: 0;
  content: "";
  width: 38px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.aboutdp1m:after {
  right: 0;
  background-image: url(../img/mais-r.png);
}
.aboutdp1m:before {
  left: 0;
  background-image: url(../img/mais-l.png);
}
.aboutdp1 {
  max-width: 320px;
  margin-top: 5%;
}

.aboute {
  background: url(/static/img/aboutebg.png) center 120px no-repeat #fff;
  background-size: auto 330px;
  padding-bottom: 0;
  position: relative;
}
.aboutep0 {
  margin-top: 10px;
}
.abouten {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.aboutel {
  width: 47%;
  padding: 12px;
  background: #f1f1f1;
  padding-bottom: 0;
}
.abouter {
  width: 48%;
}
.abouteimg {
  overflow: hidden;
  height: 320px;
}
.abouteimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutelms {
  padding: 25px;
}
.aboutep1 {
  font-size: 18px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: var(--color);
  line-height: 1;
}
.aboutep2 {
  font-size: 20px;
  line-height: 1.4;
  color: #606060;
  margin-top: 15px;
}
.aboutep3 {
  color: #979797;
  font-size: 14px;
  margin-top: 10px;
}
.aboutep4 {
  margin-top: 10px;
}
.aboutera {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  position: relative;
  padding: 48px 0;
  border-top: 1px solid #eeeeee;
}
.aboutera:last-child {
  border-bottom: 1px solid #eeeeee;
}
.abouteraicon {
  position: absolute;
  right: 0;
  bottom: 40px;
  height: 18px;
  line-height: 18px;
  padding-left: 15px;
  border-left: 1px solid #d3d3d3;
}
.abouteraicon i {
  font-size: 22px;
  color: #444;
}
.abouteral {
  width: 80px;
  position: relative;
}
.abouteral:before {
  background: #d3d3d3;
  position: absolute;
  right: 0;
  top: 3px;
  width: 2px;
  content: "";
  height: 20px;
}
.abouterar {
  width: calc(80% - 80px);
  padding-left: 20px;
}
.aboutep2-1 {
  margin-top: 0;
}
.aboutep1-1 {
  font-size: 22px;
  margin-top: 0;
  line-height: 1.4;
  color: #8f8f8f;
}
.aboutep1-1 span {
  font-size: 14px;
  display: block;
  line-height: 1;
  vertical-align: top;
  margin-top: 10px;
}
.aboutep3-1 {
  margin-top: 8px;
}
.abouteimg img,
.aboutep1,
.aboutep2,
.aboutep3 {
  transition: all 0.3s ease;
}
.aboutera:hover .aboutep2,
.aboutera:hover .aboutep1,
.aboutel:hover .aboutep2 {
  color: var(--color);
}
.aboutera:hover .aboutep2,
.aboutel:hover .aboutep2 {
  text-decoration: underline;
}
.aboutel:hover img {
  transform: scale(1.03);
}
.abouten {
  margin-top: 7%;
}

.strengtha {
  background: #f1f5f8;
}
.strengtha {
  position: relative;
}
.dw {
  position: absolute;
  left: 0;
  top: -68px;
}
.strengthap1 {
  line-height: 1.4;
  font-size: 24px;
  font-weight: 700;
}
.strengthap2 {
  color: #a3a3a3;
  line-height: 1.2;
  margin-top: 10px;
}
.strengthap3 {
  color: #727272;
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #f6f2e7;
}
.strengthanm {
  background: var(--color);
}
.strengthanm {
  width: 48%;
  padding-left: 0;
  padding-right: 15px;
  display: flex;
  flex-wrap: wrap;
}
.strengthaimg,
.strengthanm,
.strengthanm:before {
  border-radius: 5px;
}
.strengthaimg img {
  width: 100%;
  vertical-align: top;
}
.strengthaimg {
  overflow: hidden;
  width: 195px;
}
.strengthawz {
  width: calc(100% - 195px);
  padding: 0 20px;
}
.strengthawz2 {
  display: none;
}
.strengthanm {
  position: relative;
}
.strengthanm:before {
  background: #fff;
  width: calc(100% - 60px);
  height: calc(100% + 80px);
  position: absolute;
  left: 45px;
  top: 50%;
  content: "";
  transform: translateY(-50%);
}
.strengthanm:before {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.strengthaimg,
.strengthawz {
  position: relative;
  z-index: 3;
}
.strengthan {
  margin-top: 8%;
}

.strengthbm {
  margin-top: 5%;
}
.strengthb {
  overflow: hidden;
  position: relative;
}
.strengthbm {
  position: relative;
}
.strengthbm {
  display: flex;
  justify-content: flex-end;
}
.strengthbbg {
  position: absolute;
  height: 450px;
  bottom: 0;
  right: 430px;
  width: 110%;
  object-fit: cover;
}
.strengthbm:before {
  height: 100%;
  position: absolute;
  width: 1500px;
  right: -1070px;
  background: #fff8ee;
  content: "";
  top: 0;
}
.strengthbwz {
  width: 430px;
  padding: 50px;
  padding-right: 0;
  position: relative;
  z-index: 3;
  font-size: 24px;
  text-align: justify;
}
.strengthbwz {
  padding-top: 100px;
}

.strengthc {
  position: relative;
  background: #f1f5f8;
  padding-bottom: 0;
}
.strengthc:before {
  height: 100%;
  position: absolute;
  width: 100%;
  right: 0;
  background: #fff8ee;
  content: "";
  top: 0;
}
.strengthc:before {
  background: url(../demo/strengthcbg.jpg) center no-repeat;
  background-size: cover;
  height: 400px;
}
.strengthbn {
  position: relative;
  z-index: 3;
}
.strengthcimg {
  width: 100%;
  vertical-align: top;
}

.strengthd {
  position: relative;
  background: #f1f5f8;
}
.strengthdn {
  width: 100%;
  align-items: center;
  margin-top: 80px;
}
.strengthdwz {
  width: 61%;
  background: #fff;
  padding: 50px;
}
.strengthdimg {
  width: 39%;
}
.strengthdimg img {
  width: 100%;
  vertical-align: top;
}
.strengthdp1 {
  font-size: 38px;
  font-weight: 700;
  color: #555;
  line-height: 1.4;
}
.strengthdp2 {
  font-size: 18px;
  color: var(--color);
}
.strengthdp3 {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #f6efe9;
  color: #666;
  font-size: 18px;
}
.strengthdp3 p {
  margin-top: 12px;
  position: relative;
  padding-left: 24px;
}
.strengthdp3 p:before {
  position: absolute;
  width: 10px;
  height: 16px;
  border: 2px solid var(--color);
  border-radius: 45%;
  content: "";
}
.strengthdp3 p:before {
  left: 0;
  top: 5px;
}
.strengthdp3 p:first-child {
  margin-top: 0;
}
.strengthdp3 strong {
  font-size: 22px;
}
.strengthdp3 p:before {
  display: none;
}
.strengthdp3 p {
  padding-left: 0;
}

.contactan {
  background: url(/static/demo/contactabg.jpg) center no-repeat;
  background-size: cover;
  margin-top: 55px;
}
.contactvideo {
  position: relative;
  overflow: hidden;
}
.contactvideo img {
  width: 100%;
}
.contactanbtn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 3;
}
.contactanbtn {
  width: 70px;
  height: 70px;
  line-height: 68px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
}
.contactanbtn {
  transition: all 0.3s ease;
  cursor: pointer;
}
.contactanbtn i {
  font-size: 24px;
}
.contactanbtn:hover {
  background: var(--color);
  border-color: var(--color);
}
.contactap3 i {
  color: var(--color);
  font-size: 30px;
  margin-right: 10px;
}
.contactap3 {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  font-size: 22px;
}

.abt26btcbg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 90;
  background: #000;
  opacity: 0.5;
  display: none;
}
.abt26btc {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 120;
  display: none;
}
.abt26btc {
  max-width: 70%;
  max-height: 70vh;
  width: 100%;
  height: 100vh;
}
.abt26btcclose {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  right: -40px;
  top: 0;
  cursor: pointer;
  line-height: 30px;
  text-align: center;
}
.abt26btcclose i {
  font-size: 24px;
  color: #fff;
}
.conjoin {
  display: flex;
  background: var(--color);
  color: #fff;
  font-size: 20px;
  height: 52px;
  line-height: 52px;
  padding: 0 25px;
  position: relative;
}
.conjoin {
  align-items: center;
}
.conjoin i {
  position: relative;
  font-size: 20px;
  margin-left: 10px;
  line-height: 1;
  top: -1px;
  transition: all 0.5s ease;
  right: 0;
}
.contactap2 {
  display: flex;
  justify-content: center;
  margin-top: 45px;
}
.conjoin:hover i {
  right: -5px;
}
.conjoin:hover {
  color: #fff;
}

.reshapera {
  padding-top: 60px;
  padding-bottom: 0;
}
.reshaperam {
  background: url(../demo/reshaperabg.jpg) center no-repeat;
  background-size: cover;
  position: relative;
  padding: 90px 0;
}
.reshaperam {
  display: flex;
  justify-content: flex-end;
}
.reshaperap1 {
  line-height: 1.2;
  font-size: 12px;
  color: #d2d2d2;
  position: relative;
  padding-left: 38px;
}
.reshaperap1:before {
  position: absolute;
  width: 30px;
  height: 2px;
  background: #d2d2d2;
  left: 60px;
  top: 50%;
  margin-top: -1px;
  content: "";
}
.reshaperap2 {
  line-height: 1.2;
  margin-top: 12px;
  font-size: 32px;
  color: #545454;
  position: relative;
}
.reshaperap2:before {
  position: absolute;
  width: 3px;
  height: 100%;
  background: #d4bfa4;
  left: -3px;
  top: 0;
  content: "";
}
.reshaperap2 span {
  color: var(--color);
}
.reshaperap2 em {
  font-style: normal;
  padding: 0 8px;
  font-size: 40px;
}
.reshaperap3 {
  line-height: 2.5;
  text-align: justify;
  color: #757575;
  margin-top: 40px;
}
.reshaperap1,
.reshaperap2,
.reshaperap3 {
  padding-left: 60px;
}
.reshaperap1 {
  padding-left: 98px;
}
.reshaperawz {
}
.reshaperaleft {
  width: 40%;
  border-left: 2px solid #eeeced;
  display: flex;
  align-items: center;
  max-width: 470px;
}
.reshaperaimg {
  width: 51%;
  position: relative;
  right: 0;
  top: 0;
  margin-left: 9%;
}
.reshaperaimg img {
  width: 100%;
  vertical-align: top;
}

.reshaperb {
  background: url(../demo/reshaperbbg.jpg) center no-repeat;
  background-size: cover;
  position: relative;
}
.reshaperbimg {
  margin-top: 10%;
}
.reshaperbimg img {
  width: 100%;
  vertical-align: top;
}

.reshaperbe {
  margin-top: 6%;
}
.reshaperbe {
  position: relative;
}
.reshaperbetit {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 220px;
}
.reshaperbewz {
  width: calc(85% - 220px);
  padding: 70px 0;
  padding-left: 50px;
  border-left: 2px solid #f2f2f2;
}
.reshaperbep1 {
  color: var(--color);
  font-size: 32px;
  line-height: 1.4;
}
.reshaperbep2 {
  color: #757575;
  text-align: justify;
  line-height: 2.5;
  margin-top: 20px;
}
.reshaperbetit strong {
  color: var(--color);
  font-size: 50px;
  padding-right: 12px;
}
.reshaperbetit {
  line-height: 1;
  color: #757575;
  font-size: 20px;
  border-left: 1px solid #f2f2f2;
  padding-left: 50px;
  display: flex;
  height: 100%;
}
.reshaperbetit {
  align-items: center;
}
.reshaperbetitm {
  width: 100%;
}
.reshaperbetit p {
  position: relative;
  padding: 20px 0;
  margin: 35px 0;
}
.reshaperbetit p:before {
  position: absolute;
  width: 3px;
  height: 100%;
  background: #d4bfa4;
  left: -52px;
  top: 0;
  content: "";
}

.reshaperc {
  background: #f4f8fb;
}
.reshapercn {
  margin-top: 3%;
}
.reshapercp1 {
  line-height: 1;
  font-size: 40px;
  color: #545454;
  position: relative;
  font-weight: 700;
}
.reshapercp1:before {
  position: absolute;
  width: 3px;
  height: 100%;
  background: #d4bfa4;
  left: -3px;
  top: -2px;
  content: "";
}
.reshapercp1,
.reshapercp2,
.reshapercp3 {
  padding-left: 27px;
}
.reshapercwz {
  border-left: 2px solid #eeeced;
  padding-top: 40px;
  margin: 0 8%;
}
.reshapercnm {
  display: flex;
  justify-content: space-between;
}
.reshapercnli {
  background: #fff;
  width: 32%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.reshapercnli {
  transition: all 0.3s ease;
}
.reshapercnli {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  margin-top: 2%;
}
.reshapercnli:hover {
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}
.reshapercp2 {
  color: var(--color);
  font-size: 20px;
  line-height: 30px;
  min-height: 60px;
  margin-top: 15px;
}
.reshapercp3 {
  color: #757575;
  margin-top: 35px;
  min-height: 220px;
  text-align: justify;
}
.reshapercp3 {
  background: url(../img/reshapercdouhao.png) right 50% no-repeat;
  background-size: auto 70px;
}
.reshapercp4 {
  display: inline-block;
  width: 85px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: var(--color);
  background: #f9f9f9;
  margin-left: 27px;
}
.reshapercp4 i {
  font-size: 30px;
}
.reshapercimg {
  width: 100%;
}
.reshapercimg img {
  width: 100%;
  vertical-align: top;
}
.reshaperch5 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  padding: 35px;
}
.reshaperch5 span {
  padding-left: 35px;
  background: url(../img/reshaperch5icon.png) left 2px no-repeat;
  background-size: 22px auto;
}

.reshaperc1 {
  background: #fff;
  padding-bottom: 0;
}
.reshapercq {
  background: #fff6ed;
  margin-top: 80px;
}
.reshapercqli {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 15%;
}
.reshapercqli:first-child {
  margin: 0;
}
.reshapercqtit {
  width: 220px;
  font-size: 32px;
  color: #545454;
  line-height: 1.4;
  position: relative;
}
.reshapercqtit i {
  background: -webkit-linear-gradient(
    45deg,
    rgba(216, 199, 173, 1),
    rgba(216, 199, 173, 0.1)
  );
  background: linear-gradient(
    45deg,
    rgba(216, 199, 173, 1),
    rgba(216, 199, 173, 0.1)
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.reshapercqtit i {
  font-size: 55px;
  line-height: 1;
  display: inline-block;
  position: absolute;
  left: 0;
  top: -25px;
  font-weight: 700;
}
.reshapercqtit span {
  position: relative;
  z-index: 3;
  padding-left: 5px;
}
.reshapercqms {
  width: 38%;
  color: #757575;
  line-height: 2;
  padding-left: 4%;
  background: url(../img/reshapercqmsbg.png) left bottom no-repeat;
}
.reshapercqms {
  background-size: 4px auto;
}
.reshapercqms h5 {
  font-size: 20px;
  font-weight: normal;
}
.reshapercqimg {
  width: calc(54% - 220px);
}
.reshapercqimg img {
  width: 100%;
  vertical-align: top;
}
.reshapercqimg2 {
  display: none;
}
.reshapercqli:nth-child(even) .reshapercqimg1 {
  display: none;
}
.reshapercqli:nth-child(even) .reshapercqimg2 {
  display: block;
}

.reshaperd {
  background: url(/static/demo/reshaperdbg.jpg) center no-repeat;
  background-size: cover;
  position: relative;
}
.reshaperdswiper {
  margin-top: 6%;
}
.reshaperdswiper {
  overflow: hidden;
}
.reshaperdslide {
  width: 50%;
  background: #fff;
}
.reshaperdslide img {
  width: 100%;
  vertical-align: top;
}
.reshaperdimg2 {
  position: absolute;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  left: 0;
  top: 0;
  transition: all 0.3s ease;
}
.reshaperdslide:hover .reshaperdimg2 {
  opacity: 1;
  visibility: visible;
}
.reshaperdswiper-page {
  position: relative;
  bottom: 0 !important;
  margin-top: 50px;
}

.reshaperb-3,
.reshaperc-3 {
  background: #f0f4f7;
}
.reshaperb-3-p1 {
  padding: 0 10%;
  margin-top: 20px;
  color: #444;
}
.reshaperb-3 {
  position: relative;
}
.reshaperb-3:before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 450px;
  width: 100%;
  content: "";
  left: 0;
  top: 0;
}
.reshaperb-3:before {
  background-image: url(../demo/reshaperb-3bg.jpg);
  position: absolute;
}
.reshaperbm {
  position: relative;
  z-index: 3;
}
.reshaperb-3-p2 img {
  width: 100%;
}
.reshaperb-3-p2 {
  margin-top: 45px;
}

.reshaperc-3 {
  padding-top: 80px;
  padding-bottom: 0;
}
.mreshaperc-3img img {
  width: 100%;
  vertical-align: top;
}
.mreshaperc-3img {
  width: 40%;
}
.mreshaperc-3ul {
  align-items: center;
}
.mreshaperc-3wz {
  width: 60%;
  padding: 50px;
  background: #fff;
  position: relative;
  overflow: hidden;
  z-index: 3;
}
.mreshaperc-3wz-p1 {
  font-size: 32px;
  line-height: 1.4;
  color: #545454;
  font-weight: 700;
  position: relative;
  padding-right: 60px;
}
.mreshaperc3-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
}
.mreshaperc3-num {
  position: absolute;
  right: 50px;
  top: 40px;
  max-width: 160px;
}
.mreshaperc-3wz-p2 {
  font-size: 18px;
  color: var(--color);
  margin-top: 5px;
}
.mreshaperc-3wz-p3m {
  color: #727272;
  margin-top: 25px;
}
.mreshaperc-3wz-p3-1 {
  font-size: 20px;
  font-weight: 600;
}
.mreshaperc-3wz-p3-2 {
  margin-top: 10px;
}
.mreshaperc-3wz-p3m {
  position: relative;
  padding-left: 28px;
}
.mreshaperc-3wz-p3m:before {
  position: absolute;
  width: 14px;
  content: "";
  left: 0;
  top: 6px;
  height: 14px;
  border: 2px solid var(--color);
  border-radius: 50%;
}
.mreshaperc-3wz-p3-3 {
  font-size: 14px;
  display: flex;
  width: 100%;
  margin-top: 10px;
}
.mreshaperc-3wz-p3-3 li {
  line-height: 18px;
  padding: 5px 15px;
  border-radius: 5px;
  border: 1px solid #949494;
  margin-right: 10px;
}
.mreshaperc-3wz-p3 {
  border-top: 1px solid var(--color);
  margin-top: 30px;
}
.mreshaperc-3wz-p1,
.mreshaperc-3wz-p2,
.mreshaperc-3wz-p3 {
  z-index: 3;
  position: relative;
}
.mreshaperc-3img-2 {
  display: none;
}
.mreshaperc-3mn:nth-child(even) {
  background: #fff;
}
.mreshaperc-3mn:nth-child(even) .mreshaperc-3img-2 {
  display: block;
}
.mreshaperc-3mn:nth-child(even) .mreshaperc-3img-1 {
  display: none;
}
.mreshaperc-3mn:nth-child(even) .mreshaperc-3wz {
  background: #f4f4f4;
}