.after {
  content: '';
  display: inline-block;
}
.after_a {
  content: '';
  position: absolute;
}
.flex,
.flex_js,
.flex_jc,
.flex_ac,
.flex_js_ac,
.flex_jc_ac,
.flex_js_fe,
.flex_js_af,
.flex_je,
.flex_jc_ae,
.flex_ae {
  display: flex;
}
.flex_je {
  justify-content: flex-end;
}
.flex_js,
.flex_js_fe {
  justify-content: space-between;
}
.flex_jc {
  justify-content: center;
}
.flex_ac {
  align-items: center;
}
.flex_ae {
  align-items: flex-end;
}
.flex_js_fe {
  align-items: flex-end;
}
.flex_js_ac {
  justify-content: space-between;
  align-items: center;
}
.flex_jc_ac {
  justify-content: center;
  align-items: center;
}
.flex_js_af {
  justify-content: space-between;
  align-items: flex-start;
}
.flex_jc_ae {
  justify-content: center;
  align-items: flex-end;
}
.flex_row {
  flex-flow: row wrap;
}
:root {
  --ww: 1920 * 100vw;
}
@media (max-width: 1600px) {
  :root {
    --ww: 1600 * 100vw;
  }
}
@media (max-width: 1024px) {
  :root {
    --ww: 1200 * 100vw;
  }
}
@media (max-width: 768px) {
  :root {
    --ww: 1024 * 100vw;
  }
}
@media (max-width: 640px) {
  :root {
    --ww: 600 * 100vw;
  }
}
html {
  font-size: calc(100 / var(--ww));
}
.f14 {
  font-size: 0.14rem;
}
.f16 {
  font-size: 0.16rem;
}
.f17 {
  font-size: 0.17rem;
}
.f18 {
  font-size: 0.18rem;
}
.f20 {
  font-size: 0.2rem;
}
.f22 {
  font-size: 0.22rem;
}
.f24 {
  font-size: 0.24rem;
}
.f26 {
  font-size: 0.26rem;
}
.f28 {
  font-size: 0.28rem;
}
.f30 {
  font-size: 0.3rem;
}
.f32 {
  font-size: 0.32rem;
}
.f34 {
  font-size: 0.34rem;
}
.f36 {
  font-size: 0.36rem;
}
.f38 {
  font-size: 0.38rem;
}
.f40 {
  font-size: 0.4rem;
}
.f42 {
  font-size: 0.42rem;
}
.f44 {
  font-size: 0.44rem;
}
.f46 {
  font-size: 0.46rem;
}
.f48 {
  font-size: 0.48rem;
}
.f50 {
  font-size: 0.5rem;
}
.f52 {
  font-size: 0.52rem;
}
.f54 {
  font-size: 0.54rem;
}
.f56 {
  font-size: 0.56rem;
}
.f58 {
  font-size: 0.58rem;
}
.f60 {
  font-size: 0.6rem;
}
.f62 {
  font-size: 0.62rem;
}
.f64 {
  font-size: 0.64rem;
}
.f70 {
  font-size: 0.70rem;
}
.f72 {
  font-size: 0.72rem;
}
.f80 {
  font-size: 0.8rem;
}
@media (max-width: 768px) {
  .f36 {
    font-size: 0.24rem;
  }
  .f48,
  .f56{
    font-size: 0.32rem;
  }
  .f60,
  .f64,
  .f70,
  .f72 {
    font-size: 0.48rem;
  }
}
@media (max-width: 640px) {
  body {
    font-size: 0.2rem;
  }
  .f14 {
    font-size: 0.18rem;
  }
  .f16 {
    font-size: 0.18rem;
  }
  .f17 {
    font-size: 0.22rem;
  }
  .f18 {
    font-size: 0.22rem;
  }
  .f20 {
    font-size: 0.24rem;
  }
  .f22 {
    font-size: 0.24rem;
  }
}
.hidden {
  overflow: hidden;
}
.re {
  position: relative;
}
.ani {
  transition: all 0.5s;
}
a:hover .ani {
  transform: scale(1.15);
}
.header {
  width: 100%;
  z-index: 100;
  position: absolute;
  left: 0;
  top: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .logo {
  max-width: 1.2rem;
  display: flex;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media (max-width: 1024px) {
  .header .logo {
    position: static;
    transform: none;
  }
}
.header .right {
  display: inline-flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .header .right {
    height: 0.8rem;
  }
}
.header .menuIcon {
  display: none;
}
.header .search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.header .search.search_show .top_search {
  opacity: 1;
  top: 140%;
  pointer-events: auto;
}
.header .line {
  width: 1px;
  display: inline-flex;
  height: 0.18rem;
  opacity: 0.2;
  background-color: #fff;
  margin-left: 0.4rem;
  margin-right: 0.48rem;
}
@media (max-width: 640px) {
  .header .line {
    margin-left: 0.2rem;
    margin-right: 0.24rem;
  }
}
.header .top_a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.4rem;
  height: 0.46rem;
  line-height: 0.46rem;
  border-radius: 0.23rem;
  border: solid 2px #d6b789;
  color: #d6b789;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.header .top_a:hover {
  background-color: #d6b789;
  color: #fff;
}
@media (max-width: 1024px) {
  .header .top_a {
    margin-right: 0.4rem;
  }
}
.header .open_search {
  display: inline-flex;
  width: 0.2rem;
  height: 0.2rem;
  background: url(../images/search.png) no-repeat center;
  background-size: cover;
  position: relative;
}
.header .open_search.on {
  background-image: none;
}
.header .open_search.on:before,
.header .open_search.on:after {
  position: absolute;
  content: '';
  width: 100%;
  left: 0;
  height: 2px;
  top: 50%;
  margin-top: -1.5px;
  background: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.header .open_search.on:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.header .top_search {
  position: absolute;
  right: 0;
  opacity: 0;
  top: 50%;
  z-index: 10;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  pointer-events: none;
  width: 3rem;
}
.header .top_search .btn {
  background: url(../images/search.png) no-repeat center;
  width: 0.4rem;
  height: 0.4rem;
  background-size: 0.2rem;
  flex-shrink: 0;
  display: flex;
}
.header .top_search .text {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.2rem;
  border: none;
  background-color: transparent;
  flex: 1;
  color: #fff;
}
.header .top_search .text::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.header .top_search .warp {
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid #fff;
  overflow: hidden;
  display: flex;
}
.header .navTop {
  width: calc(1300 / 1600 * 100%);
}
.header .ul {
  gap: 0.5rem;
}
.header .ul li {
  text-align: left;
  position: relative;
}
.header .ul li:nth-child(5) {
  flex: 1;
}
.header .ul li span {
  display: inline-flex;
  position: relative;
}
.header .ul li span a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.2rem;
}
.header .ul li .sub {
  position: absolute;
  left: 50%;
  top: 100%;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-50%, -10px, 0);
  -webkit-transform: translate3d(-50%, -10px, 0);
  -moz-transform: translate3d(-50%, -10px, 0);
  -o-transform: translate3d(-50%, -10px, 0);
  -ms-transform: translate3d(-50%, -10px, 0);
  backface-visibility: hidden;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  min-width: 1.3rem;
  background-color: #f0e7de;
  padding: 0.25rem;
  white-space: nowrap;
}
.header .ul li .sub::before {
  content: '';
  position: absolute;
  left: 0;
  top: -2px;
  width: 100%;
  height: 2px;
  background-color: rgba(213, 186, 128, 0.45);
}
.header .ul li .sub .box a {
  display: block;
  line-height: 0.42rem;
}
.header .ul li.hover .sub {
  opacity: 1;
  transform: translate3d(-50%, 0px, 0);
  -webkit-transform: translate3d(-50%, 0px, 0);
  -moz-transform: translate3d(-50%, 0px, 0);
  -o-transform: translate3d(-50%, 0px, 0);
  -ms-transform: translate3d(-50%, 0px, 0);
  backface-visibility: hidden;
  pointer-events: auto;
}
@media screen and (max-width: 1024px) {
  .header .top {
    padding: 0;
    height: 1rem;
  }
  .header .menuIcon {
    display: inline-flex;
    align-items: center;
  }
  .header #open_menu {
    z-index: 100;
    width: 0.25rem;
    height: 0.18rem;
    cursor: pointer;
    position: relative;
  }
  .header #open_menu i {
    display: inline-block;
    width: 80%;
    height: 2px;
    transform: translateY(-50%);
    background-color: #266e53;
    position: absolute;
    left: 0;
    top: 50%;
    border-radius: 5px;
  }
  .header #open_menu::before,
  .header #open_menu::after {
    width: 100%;
    height: 2px;
    background-color: #266e53;
    border-radius: 5px;
    left: 0;
    content: '';
    position: absolute;
  }
  .header #open_menu::before {
    top: 0;
  }
  .header #open_menu::after {
    bottom: 0;
    top: auto;
  }
  .header #open_menu.open_menu_on i {
    opacity: 0;
  }
  .header #open_menu.open_menu_on:before {
    transform: rotate(45deg);
    top: 0.1rem;
  }
  .header #open_menu.open_menu_on:after {
    transform: rotate(-45deg);
    bottom: auto;
    top: 0.1rem;
  }
  .header .navTop {
    display: none;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow-y: auto;
    visibility: hidden;
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    line-height: 40px;
    margin-left: 0;
    display: block;
    padding: 0;
    transition: all 0.5s;
    opacity: 0;
    background-image: none;
    margin-right: 0;
    z-index: 106;
    padding-top: 1rem;
    background-color: transparent;
  }
  .header .navTop::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 1rem);
    background-color: rgba(0, 0, 0, 0.5);
  }
  .header .navTop.show {
    visibility: visible;
    right: 0;
    opacity: 1;
    padding-top: 0.8rem;
  }
  .header .navTop .ul {
    position: relative;
    height: 100%;
    max-height: 100%;
    width: 3rem;
    margin: 0 0 0 auto;
    background-color: #fff;
    margin-right: 0;
    overflow: auto;
    display: block;
  }
  .header .navTop .ul li {
    float: none;
    height: auto;
    text-align: left;
    border-bottom: 1px solid #eee;
    margin: 0;
    width: 100%;
  }
  .header .navTop .ul li:hover span a,
  .header .navTop .ul li.aon span a {
    color: #333;
  }
  .header .navTop .ul li span {
    display: block;
    line-height: 0.8rem;
  }
  .header .navTop .ul li span a {
    padding-bottom: 0;
    line-height: normal;
    height: 0.8rem;
    justify-content: flex-start;
    display: flex;
    color: #333;
    padding: 0 10%;
  }
  .header .navTop .ul li span a::before {
    display: none;
  }
  .header .navTop .ul li .sub {
    position: relative;
    transform: none;
    left: 0;
    top: 0;
    color: #999999;
    width: 100%;
    background-color: transparent;
    text-align: left;
    padding: 0 0 0.2rem;
    min-width: auto;
    display: none;
    opacity: 1;
    white-space: normal;
    backface-visibility: hidden;
    pointer-events: auto;
  }
  .header .navTop .ul li .box {
    top: 0;
    box-shadow: none;
    text-align: left;
    display: block;
    padding-left: 0.5rem;
    padding-top: 0.2rem;
  }
  .header .navTop .ul li .box::before {
    display: none;
  }
  .header .navTop .ul li .box a {
    margin: 0;
    padding: 0;
    line-height: 0.46rem;
    text-align: left;
    display: block;
    color: #333;
    background-color: transparent;
  }
  .header .navTop .ul .li_sub span {
    position: relative;
    display: block;
    padding-right: 0.2rem;
  }
  .header .navTop .ul .li_sub .op {
    position: absolute;
    width: 0.14rem;
    height: 0.14rem;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s;
  }
  .header .navTop .ul .li_sub .op::before,
  .header .navTop .ul .li_sub .op::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #333;
    transform: translate(-50%, -50%);
  }
  .header .navTop .ul .li_sub .op::before {
    width: 100%;
    height: 0.02rem;
  }
  .header .navTop .ul .li_sub .op::after {
    width: 0.02rem;
    height: 100%;
  }
  .header .navTop .ul .li_sub.hover .op::after {
    opacity: 0;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .header .navTop::before {
    top: 0.8rem;
  }
}
.mb25 {
  margin-bottom: 0.25rem;
}
.mb80 {
  margin-bottom: 0.8rem;
}
.Hbanner {
  position: relative;
}
.Hbanner .pic img {
  width: 100%;
}
.Hbanner .animate {
  opacity: 0;
  transition: all 1.2s ease-in-out;
  transform: translateY(0.5rem);
}
.Hbanner .animate:nth-child(2) {
  transition-delay: 0.2s;
}
.Hbanner .animate:nth-child(3) {
  transition-delay: 0.4s;
}
.Hbanner .animate:nth-child(4) {
  transition-delay: 0.6s;
}
.Hbanner .ani_show .animate {
  opacity: 1;
  transform: translateY(0);
}
.Hbanner .textwarp {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
.Hbanner .con {
  padding: 0 calc(100 / 1920 * 100vw);
}
.Hbanner .pt290 {
  padding-top: calc(290 / 1920 * 100vw);
}
.Hbanner .pt330 {
  padding-top: calc(330 / 1920 * 100vw);
}
.Hbanner .cn {
  letter-spacing: 0.05rem;
}
@media (max-width: 1024px) {
  .Hbanner .cn {
    padding-top: 1rem;
    font-size: 0.24rem;
  }
}
.Hbanner .des {
  font-weight: 100;
  letter-spacing: 0.03rem;
}
@media (max-width: 1024px) {
  .Hbanner .des {
    margin-bottom: 0.3rem;
  }
}
.Hbanner .more{padding-top: .5rem}
.Hbanner .more a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  height: 0.56rem;
  transition: 0.3s;
  line-height: 0.56rem;
  border-radius: 0.28rem;
  border: solid 0.02rem #ffffff;
  color: #fff;
}
.Hbanner .more a:hover {
  background-color: #266e53;
  border-color: #266e53;
}
.Hbanner .w620 {
  width: 6.5rem;
}
@media (max-width: 1024px) {
  .Hbanner .w620 {
    width: unset;
  }
}
.Hbanner .True {
  line-height: 0.5rem;
  width: 100%;
  text-align: center;
  background-image: -moz-linear-gradient(90deg, rgba(1, 120, 7, 0.1), #01784b, rgba(1, 120, 7, 0.1));
  background-image: -webkit-linear-gradient(90deg, rgba(1, 120, 7, 0.1), #01784b, rgba(1, 120, 7, 0.1));
  background-image: -ms-linear-gradient(90deg, rgba(1, 120, 7, 0.1), #01784b, rgba(1, 120, 7, 0.1));
  background-image: linear-gradient(90deg, rgba(1, 120, 7, 0.1), #01784b, rgba(1, 120, 7, 0.1));
}
.Hbanner .slick-dots {
  position: absolute;
  left: 0;
  bottom: calc(60 / 1920 * 100vw);
  width: 100%;
  z-index: 3;
}
.Hbanner .list {
  padding-top: 0.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.Hbanner .list li {
  min-width: 50%;
  position: relative;
  padding-left: 0.25rem;
  background: url(../images/ban_icon1.svg) no-repeat left center;
  background-size: 0.15rem;
  margin-bottom: 0.15rem;
}
@media (max-width: 640px) {
  .Hbanner .list {
    display: none;
  }
}
.Htitle {
  color: #333333;
}
.Htitle .sHtit {
  color: #266e53;
  margin-bottom: 0.2rem;
}
.Htitle .Htit {
  line-height: 1;
}
.Hmore {
  display: inline-flex;
  min-width: 1.8rem;
  padding: 0.2rem 0;
  position: relative;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
  color: #266e53;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.Hmore::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #e9f0ed;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
  z-index: -1;
}
.Hmore .icon {
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 100%;
  background-color: #e9f0ed;
  display: inline-flex;
  position: relative;
}
.Hmore .icon::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  background-color: #266e53;
  width: 0.06rem;
  height: 0.06rem;
}
.Hmore:hover {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  color: #e9f0ed;
}
.Hmore:hover::before {
  height: 100%;
  background-color: #266e53;
}
.Habout {
  padding: 1.4rem 0;
  background: url(../images/Habout_bg.jpg) no-repeat center bottom;
}
.Habout .left {
  width: calc(660 / 1600 * 100%);
}
@media (max-width: 1024px) {
  .Habout .left {
    width: 100%;
  }
}
.Habout .con {
  color: #333333;
  line-height: calc(36 / 18);
  margin: 0.55rem 0 0.65rem;
}
.Habout .Hmore {
  margin-bottom: 1.2rem;
}
@media (max-width: 1024px) {
  .Habout .Hmore {
    margin-bottom: 0.2rem;
  }
}
.Habout .right .video {
  position: relative;
}
.Habout .right .video video {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.Habout .right .play_btn {
  background: url(../images/play.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  width: 0.76rem;
  height: 0.76rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
  .Habout .right {
    margin-top: 0.5rem;
  }
}
.Habout .numList {
  margin-top: 1rem;
}
.Habout .numList aside {
  color: #266e53;
}
.Habout .numList p {
  text-align: center;
  color: #333;
}
@media (max-width: 1024px) {
  .Habout {
    padding: 0.7rem 0;
  }
}
.Hbrand {
  position: relative;
}
.Hbrand figure img{
  width: 100%;
}
.Hbrand .w1600 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}
.Hbrand .w1600 .inner {
  padding-top: 12.5%;
  width: 100%;
}
.Hbrand .w1600 .inner .left aside {
  color: #fff;
}
.Hbrand .w1600 .inner .left .content {
  margin-top: 1.2rem;
}
.Hbrand .w1600 .inner .left .content p {
  color: #fff;
  line-height: 2.333333;
}
@media (max-width: 1024px) {
  .Hbrand .w1600 .inner .left .content {
    margin-top: 0.6rem;
  }
}
.Hbrand .w1600 .inner .left .Hmore {
  margin-top: 1.55rem;
  color: #fff;
}
.Hbrand .w1600 .inner .left .Hmore .icon {
  background-color: rgba(255, 255, 255, 0.2);
}
.Hbrand .w1600 .inner .left .Hmore .icon::before {
  background-color: #fff;
}
.Hbrand .w1600 .inner .left .Hmore::before {
  background-color: rgba(255, 255, 255, 0.2);
}
@media (max-width: 1024px) {
  .Hbrand .w1600 .inner .left .Hmore {
    margin-top: 0.6rem;
  }
}
.Hbrand .w1600 .inner .right {
  padding-right: 1.2rem;
}
.Hbrand .w1600 .inner .right .Htitle aside {
  color: #fff;
}
.Hbrand .w1600 .inner .right .Htitle p {
  color: #d6b789;
  margin: 0;
  margin-top: 0.12rem;
}
.Hbrand .w1600 .inner .right .content {
  margin-top: 1.05rem;
}
.Hbrand .w1600 .inner .right .content p {
  color: #fff;
  line-height: 2.33333333;
}
@media (max-width: 1024px) {
  .Hbrand .w1600 .inner .right .content {
    margin-top: 0.6rem;
  }
}
@media (max-width: 1024px) {
  .Hbrand .w1600 .inner .right {
    padding-right: 0;
  }
}
@media (max-width: 640px) {
  .Hbrand{overflow: hidden}
  .Hbrand .w1600 {
    position: relative;
    left: unset;
    transform: none;
  }
  .Hbrand .w1600 .inner {
    flex-wrap: wrap;
  }
  .Hbrand .w1600 .inner .left {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .Hbrand .w1600 .inner .left aside {
    color: #333;
  }
  .Hbrand .w1600 .inner .left .content p {
    color: #333;
  }
  .Hbrand .w1600 .inner .left .Hmore {
    color: #266e53;
  }
  .Hbrand .w1600 .inner .left .Hmore .icon {
    background-color: #e9f0ed;
  }
  .Hbrand .w1600 .inner .left .Hmore::before {
    background-color: #e9f0ed;
  }
  .Hbrand .w1600 .inner .left .Hmore:hover {
    color: #fff;
  }
  .Hbrand .w1600 .inner .left .Hmore:hover::before {
    background-color: #266e53;
  }
  .Hbrand .w1600 .inner .right {
    padding-right: 0rem;
    position: absolute;
    top: calc(100% + 0.4rem);
  }
  .Hbrand .w1600 .inner .right .content {
    margin-top: 0.2rem;
  }
  
  .Hbrand figure{width: 150%}
}
.HAdvantage {
  padding: 1.4rem 0;
}
.HAdvantage .advantageList {
  margin-top: 0.8rem;
  max-width: 17.6rem;
  margin-left: auto;
  width: 92%;
}
.HAdvantage .advantageList .slick-track{display: flex;}
.HAdvantage .advantageList li {
  margin-right: 0.4rem;
  overflow: hidden;
  background: linear-gradient(#f6faf9,#edf5f2);
  text-align: center;
  transition: 0.5s;
  padding: 4% 2%;
}
.HAdvantage .advantageList li a{display: block; transform: translateY(.6rem); transition: 0.5s}
.HAdvantage .advantageList li .icon{width: .66rem; height: .66rem; margin: auto; border-radius: 100%; background: #256850}
.HAdvantage .advantageList li .icon img{max-width: 60%; max-height: 60%}
/*.HAdvantage .advantageList li figure {
  padding-bottom: 111.7647%;
  position: relative;
  background-size: cover;
  background-position: center;
  transition: 0.3s;
}
.HAdvantage .advantageList li figure span {
  text-align: right;
  color: #266e53;
  line-height: 1;
  top: 10%;
  position: absolute;
  width: 88%;
  left: 0;
}*/
.HAdvantage .advantageList li aside {
  margin-top: 0.24rem;
  color: #333;
}
.HAdvantage .advantageList li p {
  color: #666;
  line-height: 1.875;
  margin-top: 2em;
  opacity: 0;
  transition: 0.5s
}
/*.HAdvantage .advantageList li:hover figure {
  transform: scale(1.05);
}*/
.HAdvantage .advantageList li:hover{background: #256850}
.HAdvantage .advantageList li:not(:hover) .icon img{filter: brightness(0) invert(1);}
.HAdvantage .advantageList li:hover .icon{background: #fff}
.HAdvantage .advantageList li:hover aside,
.HAdvantage .advantageList li:hover p{ color: #ffffff;}
.HAdvantage .advantageList li:hover p{opacity: 1;margin-top: 1em;}
.HAdvantage .advantageList li:hover a{transform: translateY(.1rem)}
.HAdvantage .lineBox {
  background-color: #ebebeb;
  height: 1px;
  margin-top: 0.8rem;
}
.HAdvantage .lineBox .line {
  background-color: #266e53;
  transition: 0.3s;
  height: 100%;
  width: 0%;
}
@media (max-width: 1024px) {
  .HAdvantage {
    padding: 0.7rem 0;
  }
  .HAdvantage .advantageList {
    margin-top: 0.4rem;
  }
  .HAdvantage .lineBox {
    margin-top: 0.4rem;
  }
}
.HNews {
  padding: 1.4rem 0;
  background-color: #edf5f2;
  overflow: hidden;
}
.HNews .Hmore .icon {
  background-color: #d9e7e2;
}
.HNews .Hmore::before {
  background-color: #d9e7e2;
}
.HNews .Hmore:hover::before {
  background-color: #266e53;
}
.HNews .newsList {
  margin-top: 0.8rem;
  width: calc(100% + 0.65rem);
}
.HNews .newsList li {
  margin-right: 0.65rem;
  background-color: #fff;
  transition: 0.3s;
}
.HNews .newsList li .textBox {
  padding: 10.2% 10.2% 0;
}
.HNews .newsList li .textBox .tip {
  line-height: 0.32rem;
  padding: 0 0.2rem;
  border-radius: 9999px;
  border: 1px solid #266e53;
  color: #266e53;
  text-align: center;
}
.HNews .newsList li .textBox time {
  color: #999;
  display: flex;
  align-items: center;
  margin-left: 0.2rem;
}
.HNews .newsList li .textBox time::before {
  display: block;
  content: "";
  height: 1em;
  width: 1px;
  background-color: #dbdbdb;
  margin-right: 0.2rem;
}
.HNews .newsList li .textBox aside {
  color: #333;
  line-height: 1.5;
  margin-top: 1em;
  min-height: 0.72rem;
}
.HNews .newsList li .textBox p {
  color: #999;
  line-height: 1.875;
  margin-top: 0.15rem;
}
.HNews .newsList li figure {
  width: 89.7959%;
  transition: 0.3s;
  padding-bottom: 59.18367%;
  background-size: cover;
  background-position: center;
  margin-left: 0;
  margin-top: 0.6rem;
}
.HNews .newsList li:hover {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.HNews .newsList li:hover figure {
  margin-left: 5.10205%;
}
.HNews .newsList li:hover aside {
  color: #266e53;
}
.HNews .lineBox {
  background-color: #e3e6e5;
  height: 1px;
  margin-top: 0.8rem;
}
.HNews .lineBox .line {
  background-color: #266e53;
  transition: 0.3s;
  height: 100%;
  width: 0%;
}
@media (max-width: 1024px) {
  .HNews {
    padding: 0.7rem 0;
  }
  .HNews .newsList {
    margin-top: 0.4rem;
  }
}
.Bottom003191 {
  background-color: #266e53;  padding-top:.65rem;
  background-size: cover;
  background-position: center;
  color: #ffffff;
}
.Bottom003191 section{overflow: hidden}
.Bottom003191 a{color: #ffffff}
.Bottom003191 a:hover{opacity: 0.8}
.Bottom003191 .b-top {border-bottom: 1px solid #ffffff;}
.Bottom003191 .b-top .left{width: 5.8rem}
.Bottom003191 .b-top .left .logo .img img{height: 40px;}
.Bottom003191 .b-top .left .logo .txt{flex: 1; border-left: solid 1px #fff; margin-left: 2%; padding-left: 2%;}
.Bottom003191 .b-top .left .logo .txt span{display: block;}
.Bottom003191 .b-top .left .logo .txt span.cn{font-size: .24rem;line-height:26px;letter-spacing:1px}
.Bottom003191 .b-top .left .logo .txt span.en{font-size: .10rem;}
.Bottom003191 .b-top .left .contact{color: #fff; margin-top: 0.6rem; align-items: flex-end;}
.Bottom003191 .b-top .left .hotline{max-width: 3.8rem}
.Bottom003191 .b-top .left .hotline dl:not(:first-child){margin-top: .2rem}
.Bottom003191 .b-top .left .hotline dd{padding-left: .6rem; position: relative;min-height: .47rem}
.Bottom003191 .b-top .left .hotline dd:before {
  content: "";
  position: absolute;
  left: 0;
  width: 0.47rem;
  height: 0.47rem;
  background:#fff no-repeat center;
  background-size: 100%;
  border-radius: 4px;
}
.Bottom003191 .b-top .left .hotline .tel dd:before{background-image: url(../images/icon_tel.png)}
.Bottom003191 .b-top .left .hotline .tel p {  color: #d6b789;line-height: 1}
.Bottom003191 .b-top .left .hotline .address dd:before{background-image: url(../images/icon_address.png)}
.Bottom003191 .b-top .left .hotline .address p{line-height: 1.2}
.Bottom003191 .b-top .left .oulink{max-width: 1.8rem; text-align: center;}
.Bottom003191 .b-top .left .oulink li{width: 50%}
.Bottom003191 .b-top .left .oulink figure { width:77.78%; margin: auto}
.Bottom003191 .b-top .left .oulink span { margin-top: 0.12rem; display: block;}
.Bottom003191 .b-top .right { position: relative; width: 58%;}
.Bottom003191 .b-top .right:after{content: ''; position: absolute; width: 200%; height: 1px; right: 0; top: 58px; background: #ffffff}
.Bottom003191 .b-top .right nav{align-items: flex-start;}
.Bottom003191 .b-top .right dl{width:11%;flex-wrap: wrap}
.Bottom003191 .b-top .right dl dt {height: 80px; line-height: 2;width: 100%}
.Bottom003191 .b-top .right dl dd:not(:nth-last-of-type(1)) {  margin-bottom: 0.15rem;}
.Bottom003191 .b-top .right dl#lm60{display: none}
.Bottom003191 .b-top .right dl#lm7{width: 33%}
.Bottom003191 .b-top .right dl#lm7 dd{width: 33.333%}
.Bottom003191 .b-top .right dl#lm47{width: 22%}
.Bottom003191 .b-top .right dl#lm47 dd{width:50%}
.Bottom003191 .b-top .node { text-align: right; padding:20px 0; line-height: 22px;margin-top: -42px}
.Bottom003191 .b-bottom {  padding: 0.3rem 0;}

.Bottom003191 .b-bottom .otherColumn a:not(:nth-last-of-type(1)) {
  display: flex;
  align-items: center;
}
.Bottom003191 .b-bottom .otherColumn a:not(:nth-last-of-type(1))::after {
  content: "";
  height: 1em;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0 0.09rem;
}
@media (max-width: 1024px) {
  .Bottom003191 { padding-top: 0.5rem ;  }
  .Bottom003191 .b-top .flex_js { flex-wrap: wrap;  }
  .Bottom003191 .b-top .flex_js .left{width: 100%}
  .Bottom003191 .b-top .flex_js .right {    width: 100%;    margin-top: 0.2rem;  }
  .Bottom003191 .b-top .left .oulink{max-width: 2.8rem}
  .Bottom003191 .b-top .left .contact{margin-top:.2rem}
  .Bottom003191 .b-bottom { flex-wrap: wrap;  text-align: center;padding: .2rem 0  }

}
@media (max-width: 768px) {
.Bottom003191 .b-top .left .oulink{margin: auto}
.Bottom003191 .b-top .flex_js .right{display: none}
.Bottom003191 .b-top .left .hotline{max-width: inherit; width: 100%; padding-bottom: .4rem}
.Bottom003191 .b-top .node{margin-top: 0; text-align: center}
.Bottom003191 .b-top .left .logo .txt span.cn{font-size: .28rem}
.Bottom003191 .b-top .left .logo .txt span.en{font-size: .12rem}
.Bottom003191 .otherColumn{justify-content: center; width: 100%; padding-bottom: .1rem}
.Bottom003191 .copyright{order: 2}
.Bottom003191 .copyright a{display: none}
}
.sliderBar {
  position: fixed;
  right: calc(30/1920 * 100vw);
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}
.sliderBar span{ padding-top: 55%; color: #266e53; display: block; text-align: center}
.sliderBar ul{background: #fff; border-radius: 50px; padding: .2rem .1rem; box-shadow: 0 0 24px rgba(38,110,83,.15)}
.sliderBar li:not(:last-child){border-bottom: solid 1px #e9f0ed}
.sliderBar li {
  display: flex;
  justify-content: center;
  padding: .05rem 0
}
.sliderBar li a {
  min-width: 0.5rem;
  min-height: 0.5rem;
  display: block;
  background:no-repeat center top;
   background-size: 0.28rem auto;
}
.sliderBar li:nth-of-type(1) a {
  background-image: url(../images/sliderBar1.svg);
 
  position: relative;
}
.sliderBar li:nth-of-type(1) a p {
  display: none;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  white-space: nowrap;
  border-radius: 9999px;
  right: 100%;
  font-weight: bold;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.5em 1em;
  background-color: #fff;
  color: #000;
}
.sliderBar li:nth-of-type(1) a:hover p {
  display: block;
}
.sliderBar li:nth-of-type(2) a {
  position: relative;
  background-image: url(../images/sliderBar2.svg);
}
.sliderBar li:nth-of-type(2) a .img {
  display: none;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  right: calc(100% + 0.1rem);
  top: 50%;
  transform: translateY(-50%);
  width: 1.05rem;
  height: 1.05rem;
}
.sliderBar li:nth-of-type(2) a:hover .img {
  display: block;
}
.sliderBar li:nth-of-type(3) a {
  background-image: url(../images/sliderBar3.svg);
}
.sliderBar li:nth-of-type(4) a {
  background-image: url(../images/sliderBar4.svg);
}
.sliderBar li:not(:nth-last-of-type(1)) {
  margin-bottom: 0.15rem;
}
.sliderBar .service{ margin-top: 10vh;}
.sliderBar .service a {
  width: 0.80rem;
  height: 0.80rem;
  border-radius: 9999px;

  background: #266e53 url(../images/sliderBar5.svg) no-repeat center 25%;
  background-size: 0.32rem auto;
  display: block;
  box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.2);
}
.sliderBar .service span{color: #fff;}
.Banner003069 {
  position: relative;
  z-index: 1;
}
.Banner003069 .txt {
  position: absolute;
  left: 0;
  top: calc(50%);
  width: 92%;
  z-index: 10;
  color: #fff;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Banner003069 .txt .cn span {
  position: relative;
}
.Banner003069 .txt .cn span::after {
  content: "";
  width: 0.21rem;
  height: 0.41rem;
  background: url(../images/banner_d.svg) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  left: calc(100% + 0.14rem);
  top: -0.13rem;
}
.Banner003069 .txt .cn span::before {
  content: "";
  width: 1em;
  height: 0.03rem;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: -0.64rem;
}
.Banner003069 .Ispic img {
  width: 100%;
}
.Banner003069 .slider {
  overflow: hidden;
}
.Banner003069 .slider li {
  position: relative;
}
.Banner003069 .slider li .w1600 {
  position: absolute;
  left: 50%;
  top: calc(50% + 0.6rem);
  transform: translate(-50%, -50%);
}
.Banner003069 .slider li .w1600 .txt {
  background-color: rgba(255, 255, 255, 0.8);
  color: #222;
  max-width: calc(600/1600 * 100%);
  padding: calc(70/1600 * 100%);
  position: static;
  transform: none;
}
.Banner003069 .slider li .w1600 .txt p {
  line-height: 2;
  margin-top: 0.15rem;
  margin-bottom: 0.4rem;
}
.Banner003069 .slider li .w1600 .txt h2{font-weight: normal}
.Banner003069 .slider li .w1600 .txt .process {
  gap: 0.3rem calc(60/460 * 100%);
  margin-top: 0.3rem;
}
.Banner003069 .slider li .w1600 .txt .process li {
  display: flex;
  align-items: center;
  width: calc(200/460 * 100%);
}
.Banner003069 .slider li .w1600 .txt .process li span {
  color: #fff;
  background-color: #266e53;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.1rem;
}
.Banner003069 .control {
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: end;
  bottom: calc(70/783 * 100%);
  left: 50%;
  transform: translateX(-50%);
}
.Banner003069 .control .slick-arrow {
  position: static;
  transform: none;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
}
.Banner003069 .control .slick-arrow.slick-prev {
  background-color: #fff;
  margin-right: 0.25rem;
}
.Banner003069 .control .slick-arrow.slick-prev::before {
  border-color: #266e53;
}
.Banner003069 .control .slick-arrow.slick-next {
  background-color: transparent;
  transform: rotate(180deg);
  border: 1px solid #fff;
}
.Banner003069 .control .slick-arrow.slick-next::before {
  border-color: #fff;
}
.Banner003069 .iconimg{position: absolute;  bottom:calc(100/790*100%); right:calc(270/1920*100%); width:5.209vw; height:5.209vw; transform: translateY(-50%); z-index: 2; border-radius: 50%; }
.Banner003069 .iconimg .img{width: 100%; height: 100%; z-index: 5; border-radius: 50%; overflow: hidden; position: absolute}
.Banner003069 .iconimg .icon{position: absolute; width: 96%;height: 96%;border-radius: 50%; background: #fff; top: 50%; lefT: 50%; transform: translate(-50%,-50%); z-index: 2;}
.Banner003069 .iconimg .icon span{width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;background-color: inherit;animation: skin-icon 2.5s infinite linear;}
.Banner003069 .iconimg .icon span:nth-child(1){animation-delay: 1.3s;}
.Banner003069 .iconimg .icon span:nth-child(2){animation-delay: 2.3s;}
@keyframes skin-icon
{
	0% {transform: scale(1);opacity: .6;}
	80% {transform: scale(1.6);opacity: 0;}
	100% {transform: scale(1.6);opacity: 0;}
}
@media (min-width: 1025px) {
  .Banner003069 .Ispic {
    background-image: none !important;
  }
}
@media (max-width: 1600px) {
  .Banner003069 .slider li .w1600 .txt {
    padding: calc(30/1600 * 100%);
    max-width: calc(700/1600 * 100%);
  }
}
@media (max-width: 1024px) {
  .Banner003069 .txt .cn {
    font-size: calc(24/16 * 1em);
  }
  .Banner003069 .txt .cn span::before {
    bottom: -0.34rem;
  }
  .Banner003069 .Ispic {
/*    height: calc(300/16 * 1em);
    background-size: cover;*/
  }
/*  .Banner003069 .Ispic img {
    display: none;
  }*/
  .Banner003069 .slider li .w1600 {
    top: calc(50% + 0.4rem);
  }
  .Banner003069 .slider li .w1600 .txt {
    max-width: calc(1600/1600 * 100%);
    width: 100%;
  }
  .Banner003069 .slider li .w1600 .txt p {
    line-height: 1.5;
    margin-top: 0.1rem;
    margin-bottom: 0.2rem;
  }
  .Banner003069 .slider li .w1600 .txt .process {
    gap: 0.15rem calc(60/460 * 100%);
    margin-top: 0.15rem;
  }
  .Banner003069 .slider li .w1600 .txt .process li {
    width: calc(200/460 * 100%);
  }
/*  .Banner003069 .slider li .Ispic {
    height: calc(421/16 * 1em);
  }*/
  .Banner003069 .control {
    display: none;
  }
}
/*Location001821*/
.Location001821 {
  border-bottom: 1px solid #eaf0ee;
}
.Location001821 .current {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  flex-wrap: wrap;
  gap: 0.2rem 0;
}
.Location001821 .menu {
  display: flex;
  /*gap: 0.5em 0.5rem;*/
  flex-wrap: wrap;
}
.Location001821 .menu li a {
  display: block;
  padding: 0.38rem 0.3rem;
  color: #222;
  position: relative;
  transition: 0.3s;
}
/* .Location001821 .menu li a:after{content: '';position: absolute; margin: auto; left: 0; right: 0; width: 0; bottom: 0; height: 2px; background: #337059; transition: 0.5s} */
.Location001821 .menu li a:hover,
.Location001821 .menu li.active a {
  /* color: #337059;
  font-weight: normal; */
  background-color: #337059; color: #fff;
}
.Location001821 .menu_2 li a:hover,
.Location001821 .menu_2 li.active a {
  /* color: #337059;
  font-weight: normal; */
  background-color: rgba(51,112,89,.5); 
}
.Location001821 .menu li.active a:after { width: .32rem;}
.Location001821 em {
  font-style: normal;
  color: #555555;
  padding: 0.1rem 0;
}
.Location001821 em i {
  font-style: normal;
  margin: 0 0.12rem;
}
.Location001821 em a {
  color: #555555;
}
.Location001821 em b {
  color: #555555;
}
@media (min-width: 1025px) {
  .Location001821 .current {
    min-height: 1rem;
  }
}
@media (max-width: 1024px) {
  .Location001821 .current {
    flex-wrap: wrap;
    padding: 1em 0;
  }
  .Location001821 .menu {
    width: 100%;
    gap: 0.2em 0.2rem;
  }
  .Location001821 em {
    margin-top: 1em;
  }
  .Location001821 .menu li a{padding: 0.1rem;}
}
.Cabout {
  padding: 1.1rem 0;
  background: url(../images/Cabout_bg.jpg) no-repeat center bottom;
  background-size: 100%
}
.Cabout .w1760 {
  max-width: 17.6rem;
  width: 96%;
  margin-left: auto;
}
@media (max-width: 1024px) {
  .Cabout .w1760 {
    width: 92%;
    margin: 0 auto;
  }
}
.Cabout .left {
  width: calc(730 / 1760 * 100%);
}
@media (max-width: 1024px) {
  .Cabout .left {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .Cabout .left .img {
    width: calc(380/730 * 100%);
  }
}
.Cabout .con {
  color: #333333;
  line-height: calc(36 / 18);
  margin: 0.75rem 0 1.44rem;
}
@media (max-width: 1024px) {
  .Cabout .con {
    margin: 0.325rem 0 0.72rem;
  }
}
.Cabout .right {
  width: calc(960 / 1760 * 100%);
}
.Cabout .right .video {
  position: relative;
}
.Cabout .right .video video {
  width: 100%;
  height: 100%;
  object-fit:cover;
  position: absolute;
  top: 0;
  left: 0;
}
.Cabout .right .play_btn {
  background: url(../images/play.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  width: 0.76rem;
  height: 0.76rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1024px) {
  .Cabout .right {
    margin-top: 0.5rem;
    width: 100%;
  }
}
.Cabout .numList {
  margin-top: 1rem;
  width: 83.333333%;
}
.Cabout .numList aside {
  color: #266e53;
}
.Cabout .numList p {
  text-align: center;
  color: #333;
}
@media (max-width: 1024px) {
  .Cabout .numList {
    margin-top: 0.5rem;
  }
}
@media (max-width: 1024px) {
  .Cabout {
    padding: 0.55rem 0;
  }
}
.divider {
  height: 1rem;
  position: relative;
}
.divider::before {
  position: absolute;
  width: 2px;
  height: 100%;
  content: "";
  background-color: #d6e2de;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1024px) {
  .divider {
    height: 0.5rem;
  }
}
.Cabout_birth {
  padding: 1.2rem 0 0.7rem;
}
.Cabout_birth .Htitle {
  text-align: center;
}
.Cabout_birth .w1760 {
  max-width: 17.6rem;
  width: 96%;
  margin-right: auto;
}
@media (max-width: 1024px) {
  .Cabout_birth .w1760 {
    width: 92%;
    margin: 0 auto;
  }
}
.Cabout_birth .w1760 .inner {
  margin-top: 0.8rem;
}
@media (max-width: 1024px) {
  .Cabout_birth .w1760 .inner {
    margin-top: 0.4rem;
  }
}
.Cabout_birth .left {
  width: calc(870 / 1760 * 100%);
}
@media (max-width: 1024px) {
  .Cabout_birth .left {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .Cabout_birth .left .img {
    width: calc(380/730 * 100%);
  }
}
.Cabout_birth .con {
  color: #333333;
  line-height: calc(36 / 18);
  margin: 0.5rem 0 0rem;
}
@media (max-width: 1024px) {
  .Cabout_birth .con {
    margin: 0.25rem 0 0rem;
  }
}
.Cabout_birth .right {
  width: calc(770 / 1760 * 100%);
  margin-top: 1.2rem;
}
.Cabout_birth .right aside {
  color: #333;
}
@media (max-width: 1024px) {
  .Cabout_birth .right {
    margin-top: 0.5rem;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .Cabout_birth {
    padding: 0.25rem 0 0.35rem;
  }
}
.Cabout_model {
  padding: 0.5rem 0 1.05rem;
}
.Cabout_model .Htitle {
  text-align: center;
}
.Cabout_model .inner {
  margin-top: 0.8rem;
}
@media (max-width: 1024px) {
  .Cabout_model .inner {
    margin-top: 0.4rem;
  }
}
.Cabout_model .con {
  color: #333333;
  line-height: calc(36 / 18);
  margin: 0.4rem 0 0rem;
}
@media (max-width: 1024px) {
  .Cabout_model .con {
    margin: 0.2rem 0 0rem;
  }
}
.Cabout_model .right {
  margin-top: 0.6rem;
  padding: 0 .5rem;
}
.Cabout_model .right aside {
  color: #333;
}
@media (max-width: 1024px) {
  .Cabout_model .right {
    margin-top: 0.3rem;
  }
}
@media (max-width: 1024px) {
  .Cabout_model {
    padding: 0.25rem 0 0.5rem;
  }
}
.Cabout_inherit {
  padding: 0.5rem 0 0.9rem;
}
.Cabout_inherit .Htitle {
  text-align: center;
}
.Cabout_inherit .w1760 {
  max-width: 17.6rem;
  width: 96%;
  margin-left: auto;
}
@media (max-width: 1024px) {
  .Cabout_inherit .w1760 {
    width: 92%;
    margin: 0 auto;
  }
}
.Cabout_inherit .w1760 .inner {
  margin-top: 1rem;
}
@media (max-width: 1024px) {
  .Cabout_inherit .w1760 .inner {
    margin-top: 0.5rem;
  }
}
.Cabout_inherit .left {
  width: calc(760 / 1760 * 100%);
  margin-top: 1.4rem;
}
@media (max-width: 1024px) {
  .Cabout_inherit .left {
    width: 100%;
    margin-top: 0.7rem;
  }
}
.Cabout_inherit .left aside {
  color: #333;
}
.Cabout_inherit .con {
  color: #333333;
  line-height: calc(36 / 18);
  margin: 0.5rem 0 0rem;
}
@media (max-width: 1024px) {
  .Cabout_inherit .con {
    margin: 0.25rem 0 0rem;
  }
}
.Cabout_inherit .right {
  width: calc(870 / 1760 * 100%);
}
@media (max-width: 1024px) {
  .Cabout_inherit .right {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .Cabout_inherit {
    padding: 0.25rem 0 0.45rem;
  }
}
.Cabout_lead {
  padding: 0.5rem 0 1.58rem;
}
.Cabout_lead .Htitle {
  text-align: center;
}
.Cabout_lead .w1760 {
  max-width: 17.6rem;
  width: 96%;
  margin-right: auto;
}
@media (max-width: 1024px) {
  .Cabout_lead .w1760 {
    width: 92%;
    margin: 0 auto;
  }
}
.Cabout_lead .w1760 .inner {
  margin-top: 1.1rem;
}
@media (max-width: 1024px) {
  .Cabout_lead .w1760 .inner {
    margin-top: 0.55rem;
  }
}
.Cabout_lead .left {
  width: calc(870 / 1760 * 100%);
}
@media (max-width: 1024px) {
  .Cabout_lead .left {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .Cabout_lead .left .img {
    width: calc(380/730 * 100%);
  }
}
.Cabout_lead .con {
  color: #333333;
  line-height: calc(36 / 18);
  margin: 0.5rem 0 0rem;
}
@media (max-width: 1024px) {
  .Cabout_lead .con {
    margin: 0.25rem 0 0rem;
  }
}
.Cabout_lead .right {
  width: calc(770 / 1760 * 100%);
  margin-top: 1.2rem;
}
.Cabout_lead .right aside {
  color: #333;
}
@media (max-width: 1024px) {
  .Cabout_lead .right {
    margin-top: 0.5rem;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .Cabout_lead {
    padding: 0.25rem 0 0.79rem;
  }
}
.cultureTextBox aside span {
  color: #266e53;
}
.cultureTextBox aside sup {
  color: #000;
  vertical-align: top;
  margin-left: 0.15rem;
}
.cultureTextBox p {
  color: #222;
  line-height: calc(42/20);
}
.Cculture_mission {
  padding: 1.6rem 0 1.3rem;
}
.Cculture_mission .left {
  width: calc(800/1600 * 100%);
}
.Cculture_mission .right {
  width: calc(604/1600 * 100%);
  margin-top: 1rem;
}
.Cculture_mission .cultureTextBox p {
  margin-top: 0.5rem;
}
@media (max-width: 1024px) {
  .Cculture_mission {
    padding: 0.8rem 0 0.65rem;
  }
  .Cculture_mission .left {
    width: 100%;
  }
  .Cculture_mission .right {
    width: 100%;
    margin-top: 0.5rem;
  }
  .Cculture_mission .cultureTextBox p {
    margin-top: 0.25rem;
  }
}
.Cculture_vision {
  padding: 0rem 0 1.35rem;
}
.Cculture_vision .right {
  width: calc(800/1600 * 100%);
}
.Cculture_vision .left {
  width: calc(604/1600 * 100%);
  margin-top: 1.3rem;
  padding-left: 0.45rem;
}
.Cculture_vision .cultureTextBox p {
  margin-top: 0.5rem;
}
@media (max-width: 1024px) {
  .Cculture_vision {
    padding: 0rem 0 0.675rem;
  }
  .Cculture_vision .right {
    width: 100%;
    order: 1;
  }
  .Cculture_vision .left {
    width: 100%;
    margin-top: 0.65rem;
    padding-left: 0;
    order: 2;
  }
  .Cculture_vision .cultureTextBox p {
    margin-top: 0.25rem;
  }
}
.Cculture_other {
  background-color: #f8f8f8;
  padding-bottom: 1.65rem;
}
.Cculture_other .ul {
  margin-top: 1.15rem;
  gap: 0.2rem 0;
}
.Cculture_other .cultureTextBox p {
  margin-top: 0.33rem;
}
@media (max-width: 1024px) {
  .Cculture_other {
    padding-bottom: 0.825rem;
  }
  .Cculture_other .ul {
    margin-top: 0.575rem;
  }
  .Cculture_other .cultureTextBox p {
    margin-top: 0.115rem;
  }
}
.Cfounder {
  padding: 1.05rem 0 1.35rem;
  background: url("../images/Cfounder_bg.jpg") no-repeat center bottom;
  background-size: 100%;
}
.Cfounder .left {
  width: calc(640/1600 * 100%);
}

.Cfounder .right {
  width: calc(743/1600 * 100%);
  position: relative;
}
.Cfounder .right .title {
  color: #222222;
  border-bottom: solid 5px #f8faf9;
}
.Cfounder .right .title span{padding: .3rem 0; display:inline-block; transform: translateY(5px); border-bottom: solid 5px #266d55}
.Cfounder .right .txt {
  color: #266e53;
  display: block;
  padding: 0.4rem 0;
}
.Cfounder .right .desc {
  color: #222222;
  line-height: calc(40/18);
}
.Cfounder .right .desc .name{color: #266e53;}
.Cfounder .right .img {max-width: 1.54rem; padding-bottom: .2rem}
@media (min-width: 640px) {
.Cfounder .left{order: 2}
}
@media (max-width: 1024px) {
  .Cfounder {
    padding: 0.525rem 0 0.675rem;
  }
}
@media (max-width: 640px) {
  .Cfounder .left {
    width: 100%;
  }

  .Cfounder .right {
    width: 100%;
    margin-top: 0.2rem;
  }
  .Cfounder .right .txt {
    margin: 0.18rem 0;
  }
}
.Cfounder_experience {
  position: relative;
  overflow: hidden;
  padding: 1.2rem 0 1.2rem;
  background:url("../images/experience_bg.jpg") no-repeat;
  background-size: 100% 100%;
  color: #fff
}
.Cfounder_experience aside { text-align: center; line-height: 1;padding-bottom: .8rem}

.Cfounder_experience .slick-arrow{border-radius: 100%; top:calc( 100% + 78px)}
.Cfounder_experience .slick-prev{left: 0; }
.Cfounder_experience .slick-next{right: 0;}
.Cfounder_experience .slick-disabled{cursor: default; opacity: 0.5}
.experience_info{position: relative; z-index: 2}
.experience_info .box{width: 80%; margin: auto;flex-wrap: wrap}
.experience_info .item{padding: 23px;}
.experience_info .text{max-height:20vw; padding-bottom: .3rem; overflow-y: auto; flex: 1}
.experience_info .text::-webkit-scrollbar { width: 3px; background-color: #cbddd6;}
.experience_info .text::-webkit-scrollbar-thumb { width: 3px; background-color: #266e53;}
.experience_info .title{padding-bottom: .2rem}
.experience_info .desc{position: relative; line-height: 2}
.experience_info .desc:before{content: ''; position: absolute;left: -23px; top:12px; width: 5px; height: 5px; background: #62c22d; border-radius: 100px;}

.experience_info .pic{width:52.064%; position:relative;padding:.13rem; margin-left:9%}
.experience_info .pic img{width:100%}
.experience_info .pic:after{content: ''; position: absolute; width:83%; height:68%; background: rgba(136,162,151,0.5); bottom:0; right:0; z-index: -1}

.experience_year{padding: 0px 50px}
.experience_year .slick-slide{padding: 60px 0; cursor: pointer}
.experience_year em{display:flex; height: 33px; justify-content: space-between; align-items: center}
.experience_year em:before,
.experience_year em:after{content: '';flex: 1; height: 1px;background: rgba(255,255,255,0.2); height:1px;}
.experience_year em i{ width: 20px; height: 20px; border: solid 1px rgba(255,255,255,0.2); border-radius: 100%; position: relative; transition: 0.5s}
.experience_year em i:before{content: '';position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 9px; height: 9px; margin: auto; border-radius: 100%; background: rgba(255,255,255,0.2);transition: 0.5s}
.experience_year span{display: block; text-align: center;transition: 0.5s; opacity: 0.34}
.experience_year .slick-current em i{width: 33px; height: 33px; border-style: dashed; border-color: rgba(255,255,255,1)}
.experience_year .slick-current em i:before{background: rgba(255,255,255,1)}
.experience_year .slick-current span{transform: scale(1.5) translateY(-60px); opacity: 1}
@media(max-width:1024px){
.experience_info .box{width:100%;}
.experience_info .pic{margin-left: 4%}
}
@media(max-width:640px){
.experience_info .text{flex: none;max-height: 50vh}
.experience_info .pic{margin-left:0;width: 100%}
}
/*
.Cfounder_experience .ul {
  padding-left: 1.24rem;
  margin-top: 0.87rem;
  position: relative;
  z-index: 2;
}
.Cfounder_experience .ul .slick-list li {
  padding-top: 0.6rem;
  position: relative;
}
.Cfounder_experience .ul .slick-list li span {
  top: 0.16rem;
  transition: 0.3s;
  position: absolute;
  line-height: 1;
}
.Cfounder_experience .ul .slick-list li .decorationSpot {
  width: 0.54rem;
  padding-left: 0.24rem;
}
.Cfounder_experience .ul .slick-list li .decorationSpot .spot {
  background-color: #dfebe6;
  border-radius: 50%;
  height: 0.3rem;
}
.Cfounder_experience .ul .slick-list li .decorationSpot .spot .inner {
  width: 0.12rem;
  height: 0.12rem;
  background-color: #266e53;
  border-radius: 50%;
}
.Cfounder_experience .ul .slick-list li .decorationSpot .decorationInner::after {
  width: 2px;
  height: 0.82rem;
  content: "";
  display: block;
  margin: 0 auto;
  background-color: #266e53;
}
.Cfounder_experience .ul .slick-list li .decorationSpot::after {
  width: 0.08rem;
  height: 0.08rem;
  content: "";
  display: block;
  margin: 0 auto;
  border: 1px solid #266e53;
  border-radius: 50%;
}
.Cfounder_experience .ul .slick-list li .text {
  max-height: 1.8rem;
  overflow-y: auto;
  margin-top: 0.24rem;
}
.Cfounder_experience .ul .slick-list li .text p {
  line-height: calc(30/18);
  color: #222222;
}

.Cfounder_experience .ul .slick-list li:not(:nth-last-of-type(1)) {
  margin-right: 1.15rem;
}
.Cfounder_experience .ul .slick-list li.slick-current span {
  font-size: 0.36rem;
  color: #266e53;
  top: 0;
  font-weight: bold;
}
.Cfounder_experience .spot_line {
  position: absolute;
  width: 100%;
  left: 0;
  height: 2px;
  background-color: #dddddd;
  top: 3.29rem;
}
.Cfounder_experience .lineBox {
  background-color: #ebebeb;
  height: 1px;
  margin-top: 0.9rem;
}
.Cfounder_experience .lineBox .line {
  background-color: #266e53;
  transition: 0.3s;
  height: 100%;
  width: 0%;
}

@media (max-width: 1024px) {
  .Cfounder_experience {
    padding: 0.6rem 0 0.6rem;
  }
  .Cfounder_experience .lineBox {
    margin-top: 0.45rem;
  }
  .Cfounder_experience .spot_line {
    top: 2.69rem;
  }
  .Cfounder_experience .ul {
    padding-left: 0.62rem;
  }
  .Cfounder_experience .ul .slick-list li:not(:nth-last-of-type(1)) {
    margin-right: 0.5525rem;
  }
}
@media (max-width: 768px) {
  .Cfounder_experience .spot_line {
    top: 2.53rem;
  }
}
*/
.Cfounder_duties {
  padding: 1.4rem 0;
}
.Cfounder_duties .left {
  width: calc(500/1600 * 100%);
}
.Cfounder_duties .left aside {
  color: #222;
}
.Cfounder_duties .left .ul {
  margin-top: 0.7rem;
}
.Cfounder_duties .left .ul li {
  color: #222222;
}
.Cfounder_duties .left .ul li .line {
  margin-left: 0.22rem;
  margin-right: 0.13rem;
  flex: 1;
  height: 1px;
  background-color: #dedede;
}
.Cfounder_duties .left .ul li:not(:nth-last-of-type(1)) {
  margin-bottom: 0.2rem;
}
.Cfounder_duties .right {
  width: calc(905/1600 * 100%);
  padding: 0 0 calc(75/1600 * 100%) calc(75/1600 * 100%);
  position: relative;
}
.Cfounder_duties .right .img {
  position: relative;
  z-index: 2;
}
.Cfounder_duties .right .back {
  position: absolute;
  width: calc(570/905 * 100%);
  height: calc(370/585 * 100%);
  left: 0;
  bottom: 0;
  background-color: #f0f5f3;
}
@media (max-width: 1024px) {
  .Cfounder_duties {
    padding: 0.7rem 0;
  }
  .Cfounder_duties .left {
    width: 100%;
  }
  .Cfounder_duties .left .ul {
    margin-top: 0.35rem;
  }
  .Cfounder_duties .left .ul li:not(:nth-last-of-type(1)) {
    margin-bottom: 0.1rem;
  }
  .Cfounder_duties .right {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.Cfounder_team {
  padding-bottom: 2.2rem;
}
.Cfounder_team aside {
  text-align: center;
  color: #222;
}
.Cfounder_team .ul {
  margin-top: 0.64rem;
}
.Cfounder_team .ul li {
  transition: 0.3s;
}
.Cfounder_team .ul li .img {
  padding-bottom: 136%;
  background-size: cover;
  position: relative;
  background-color: #f5f5f5;
}
.Cfounder_team .ul li .img span {
  position: absolute;
  right: calc(50/452 * 100%);
  bottom: calc(75/617 * 100%);
  width: 0.44rem;
  height: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #266e53;
  color: #fff;
  padding: 0 calc(0.44rem - 1em);
}
.Cfounder_team .ul li .textBox {
  padding: calc(20/452 * 100%);
  transition: 0.3s;
}
.Cfounder_team .ul li .textBox p {
  line-height: 2;
  text-align: center;
  margin-top: calc(15/392 * 100%);
}
.Cfounder_team .ul li:not(.slick-current + li) {
  transform: scale(calc(357/452));
  opacity: 0.4;
}
.Cfounder_team .ul li:not(.slick-current + li) .textBox {
  opacity: 0;
}
.Cfounder_team .ul li.slick-current + li .textBox {
  padding-bottom: calc(45/452 * 100%);
  border-bottom: 2px solid #266e53;
}
.Cfounder_team .ul li.slick-current + li .img{background-color: #266e53}
.Cfounder_team .ul li.slick-current + li .img span{background-color: #ffffff; color: #266e53}
@media (max-width: 1024px) {
  .Cfounder_team {
    padding-bottom: 1.1rem;
  }
  .Cfounder_team .ul {
    margin-top: 0.32rem;
  }
  .Cfounder_team .ul li {
    transition: 0.3s;
  }
  .Cfounder_team .ul li:not(.slick-current) {
    transform: scale(calc(357/452));
    opacity: 0.4;
  }
  .Cfounder_team .ul li:not(.slick-current) .textBox {
    opacity: 0;
  }
  .Cfounder_team .ul li.slick-current {
    transform: none !important;
    opacity: 1 !important;
  }
  .Cfounder_team .ul li.slick-current .textBox {
    padding-bottom: calc(45/452 * 100%) !important;
    border-bottom: 2px solid #266e53 !important;
    opacity: 1 !important;
  }
}
@media (max-width: 640px) {
  .Cfounder_team {
    width: 92%;
    margin: 0 auto;
  }
}
.Cambassador_ambassador {
  padding-top: 1.2rem;
  padding-bottom: 1.8rem;
}
.Cambassador_ambassador .left {
  width: calc(595/1600 * 100%);
}
.Cambassador_ambassador .left .img {
  text-align: center;
}
.Cambassador_ambassador .left .slick-dots {
  position: absolute;
  bottom: calc(35/774 * 100%);
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
}
.Cambassador_ambassador .left .slick-dots li {
  width: 10px;
  height: 10px;
  background-color: #266e53;
  opacity: 0.5;
  border-radius: 50%;
  margin: 0 0.12rem;
}
.Cambassador_ambassador .left .slick-dots li button {
  width: 0;
  height: 0;
}
.Cambassador_ambassador .left .slick-dots li.slick-active {
  width: 14px;
  height: 14px;
  background-color: #266e53;
  border: 3px solid #266e53;
  background-color: #fff;
  opacity: 1;
}
.Cambassador_ambassador .right {
  width: calc(865/1600 * 100%);
  padding-top: 1.48rem;
}
.Cambassador_ambassador .right aside {
  color: #222222;
}
.Cambassador_ambassador .right span {
  display: block;
  color: #222;
  margin-top: 0.4rem;
  margin-bottom: 0.7rem;
}
.Cambassador_ambassador .right p {
  color: #333;
  line-height: calc(38/18);
}
@media (max-width: 1024px) {
  .Cambassador_ambassador {
    padding-top: 0.6rem;
    padding-bottom: 0.9rem;
  }
  .Cambassador_ambassador .right {
    padding-top: 0rem;
  }
  .Cambassador_ambassador .right span {
    margin-top: 0.2rem;
    margin-bottom: 0.35rem;
  }
}
@media (max-width: 768px) {
  .Cambassador_ambassador .left {
    width: 100%;
  }
  .Cambassador_ambassador .right {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.Cambassador_trend {
  padding-bottom: 1.74rem;
}
.Cambassador_trend .left {
  width: calc(800/1600 * 100%);
  order: 2;
}
.Cambassador_trend .right {
  width: calc(705/1600 * 100%);
  padding-top: 1rem;
  order: 1;
}
.Cambassador_trend .right aside {
  color: #222222;
}
.Cambassador_trend .right .textBox {
  margin-top: 0.55rem;
}
.Cambassador_trend .right .textBox p {
  color: #333;
  line-height: calc(38/18);
}
.Cambassador_trend .right .textBox p:not(:nth-last-of-type(1)) {
  margin-bottom: 0.38rem;
}
@media (max-width: 1024px) {
  .Cambassador_trend {
    padding-bottom: 0.87rem;
  }
  .Cambassador_trend .right {
    padding-top: 0rem;
  }
  .Cambassador_trend .right .textBox {
    margin-top: 0.275rem;
  }
  .Cambassador_trend .right .textBox p:not(:nth-last-of-type(1)) {
    margin-bottom: 0.19rem;
  }
}
@media (max-width: 768px) {
  .Cambassador_trend .left {
    width: 100%;
    order: 1;
  }
  .Cambassador_trend .right {
    width: 100%;
    margin-top: 0.4rem;
    order: 2;
  }
}
.Cambassador_signing {
  gap: 0.2rem calc(27/1600 * 100%);
  padding-bottom: 1.6rem;
}
.Cambassador_signing li {
  width: calc(515/1600 * 100%);
}
@media (max-width: 1024px) {
  .Cambassador_signing {
    padding-bottom: 0.8rem;
  }
}
@media (max-width: 768px) {
  .Cambassador_signing {
    gap: 0.3rem 3%;
  }
  .Cambassador_signing li {
    width: 48.5%;
  }
}
@media (max-width: 640px) {
  .Cambassador_signing {
    gap: 0.15rem 3%;
  }
}
.CbrandImage aside.title {
  text-align: center;
  color: #222;
  line-height: 1;
}
.CbrandImage .CbrandImage_standard {
  padding: 1rem 0 1.5rem;
}
.CbrandImage .CbrandImage_standard .row_2 {
  margin-top: 0.8rem;
  margin-bottom: 1.15rem;
}
.CbrandImage .CbrandImage_standard .row_2 li {
  width: calc(780/1600 * 100%);
}
.CbrandImage .CbrandImage_standard .row_4 {
  gap: 0.2rem calc(40/1600 * 100%);
}
.CbrandImage .CbrandImage_standard .row_4 li {
  width: calc(370/1600 * 100%);
}
.CbrandImage .CbrandImage_standard .row_4 li .img {
  padding-bottom: calc(544/370 * 100%);
  text-align: center;
  background-size: cover;
  background-position: center;
}
.CbrandImage .CbrandImage_standard .row_4 li p {
  text-align: center;
  margin-top: 0.28rem;
  color: #222;
}
@media (max-width: 1024px) {
  .CbrandImage .CbrandImage_standard {
    padding: 0.5rem 0 0.75rem;
  }
  .CbrandImage .CbrandImage_standard .row_2 {
    margin-top: 0.4rem;
    margin-bottom: 0.575rem;
  }
  .CbrandImage .CbrandImage_standard .row_4 {
    gap: 0.2rem calc(40/1600 * 100%);
  }
}
@media (max-width: 640px) {
  .CbrandImage .CbrandImage_standard .row_2 {
    gap: 0.2rem;
  }
  .CbrandImage .CbrandImage_standard .row_2 li {
    width: 100%;
  }
  .CbrandImage .CbrandImage_standard .row_4 {
    gap: 0.2rem 3%;
  }
  .CbrandImage .CbrandImage_standard .row_4 li {
    width: 48.5%;
  }
  .CbrandImage .CbrandImage_standard .row_4 li p {
    margin-top: 0.14rem;
  }
}
.CbrandImage .CbrandImage_design {
  padding-bottom: 1.4rem;
}
.CbrandImage .CbrandImage_design .row_3 {
  margin-top: 0.8rem;
}
.CbrandImage .CbrandImage_design .row_3 li {
  width: calc(520/1600 * 100%);
}
.CbrandImage .CbrandImage_design .row_3 li .img {
  text-align: center;
}
@media (max-width: 1024px) {
  .CbrandImage .CbrandImage_design {
    padding-bottom: 0.7rem;
  }
  .CbrandImage .CbrandImage_design .row_3 {
    margin-top: 0.4rem;
  }
}
@media (max-width: 640px) {
  .CbrandImage .CbrandImage_design .row_3 {
    gap: 0.2rem 0;
  }
  .CbrandImage .CbrandImage_design .row_3 li {
    width: 100%;
  }
}
.CbrandImage .CbrandImage_application {
  padding: 1.05rem 0 1.3rem;
  background-color: #f8f8f8;
}
.CbrandImage .CbrandImage_application .row_2 {
  margin-top: 0.7rem;
}
.CbrandImage .CbrandImage_application .row_2 li {
  width: calc(780/1600 * 100%);
}
.CbrandImage .CbrandImage_application .row_3 {
  margin-top: 0.4rem;
}
.CbrandImage .CbrandImage_application .row_3 li {
  width: calc(522/1600 * 100%);
}
@media (max-width: 1024px) {
  .CbrandImage .CbrandImage_application {
    padding: 0.525rem 0 0.65rem;
  }
  .CbrandImage .CbrandImage_application .row_2 {
    margin-top: 0.35rem;
  }
  .CbrandImage .CbrandImage_application .row_3 {
    margin-top: 0.2rem;
  }
  .CbrandImage .CbrandImage_application .row_3 .img {
    text-align: center;
  }
}
@media (max-width: 640px) {
  .CbrandImage .CbrandImage_application .row_2 {
    gap: 0.2rem 0;
  }
  .CbrandImage .CbrandImage_application .row_2 li {
    width: 100%;
  }
  .CbrandImage .CbrandImage_application .row_3 {
    gap: 0.2rem 0;
  }
  .CbrandImage .CbrandImage_application .row_3 li {
    width: 100%;
  }
}



/*.CbrandHonor {
  padding: 1rem 0 1.6rem;
}
.CbrandHonor .honorList {
  gap: 0.5rem calc(13.3333333/1600 * 100%);
  margin-bottom: 1rem;
}
.CbrandHonor .honorList li {
  width: calc(390/1600 * 100%);
  position: relative;
  overflow: hidden;
}
.CbrandHonor .honorList li .img {
  margin: auto;
  padding-bottom: 126.15384615%;
  background: url(../images/honor_back.png) no-repeat center;
  background-size: cover;
  position: relative;
}
.CbrandHonor .honorList li .img .imgInner {
  position: absolute;
  display: flex;
  max-width: calc(362/390 * 100%);
  transform-origin: center;
  align-items: center;
  transition: 0.3s;
  justify-content: center;
  text-align: center;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 100%;
  background: url(../images/honor_shadow.png) no-repeat right bottom;
  background-size: 100% calc(100% - 30/492 * 100%);
}
.CbrandHonor .honorList li .img .imgInner .imgBox {
  background: url(../images/frame.png) no-repeat center;
  background-size: 100% 100%;
  padding: calc(18/390 * 100%);
}
.CbrandHonor .honorList li .img .imgInner .imgBox img {
  max-height: 3.8rem;
}
.CbrandHonor .honorList li p {
  color: #010101;
  margin-top: 0.2rem;
  text-align: center;
}
.CbrandHonor .honorList li:hover .imgInner {
  transform: scale(1.05) translateY(-50%);
}
@media (max-width: 1024px) {
  .CbrandHonor {
    padding: 0.5rem 0 0.8rem;
  }
  .CbrandHonor .honorList {
    gap: 0.3rem 3%;
    margin-bottom: 0.5rem;
  }
  .CbrandHonor .honorList li {
    width: 48.5%;
  }
}
@media (max-width: 480px) {
  .CbrandHonor .honorList {
    gap: 0.3rem 3%;
    margin-bottom: 0.5rem;
  }
  .CbrandHonor .honorList li {
    width: 100%;
  }
}*/
.Chistory {
  padding: 1rem 0 1.3rem;
  overflow: hidden;
/*  background: url(../images/history_back.png) no-repeat center;
  background-size: cover;*/
  background: #ecf5f2
}
.Chistory .title{text-align: center; color: #222222; padding-bottom: .7rem}
.Chistory .historyList {
  margin-bottom: 1.1rem;
  padding: 0 .725rem
}
.Chistory .historyList .box{background: #fff; padding: .5rem .4rem; width:92.785%; margin: auto}
.Chistory .historyList aside{color: #266e53; font-weight: bold; line-height: 1; border-bottom: solid 1px #dadddf; padding-bottom: .2rem; margin-bottom: .4rem}
.Chistory .historyList .con{height:100px; overflow-y: auto;}
.Chistory .historyList .con::-webkit-scrollbar { width: 3px; background-color: #cbddd6;}
.Chistory .historyList .con::-webkit-scrollbar-thumb { width: 3px; background-color: #266e53;}
.Chistory .historyList .pic{margin-top: .1rem;padding-bottom:64.865%; position: relative}
.Chistory .historyList .pic img{position: absolute; width: 100%; height: 100%; object-fit: cover}
.Chistory .historyList .slick-arrow {
  bottom: 0;
  box-shadow: unset;
  border-radius: 50%;
  width: 0.55rem;
  height: 0.55rem;
}
.Chistory .historyList .slick-arrow.slick-prev {
  left: -2%;
  background-color: #266e53;
}
.Chistory .historyList .slick-arrow.slick-prev::before {
  border-color: #fff;
}
.Chistory .historyList .slick-arrow.slick-next {
  right: -2%;
  border: 1px solid #266e53;
  transform: rotate(180deg);
  background-color: #fff;
}
.Chistory .historyList .slick-arrow.slick-next::before {
  border-color: #266e53;
}

.Chistory .history_line {
  position: relative;
/*  background: url(../images/history_line.png) no-repeat center;
  background-size: cover;*/
  border-top: solid 1px #a5b2bd
}
.Chistory .history_line .historyList_nav{margin-top: -13px;}
.Chistory .history_line .slick-slide{cursor: pointer}
.Chistory .history_line .slick-slide span{display: block; width: 26px; height: 26px; margin: auto; position: relative}
.Chistory .history_line .slick-slide span:before,
.Chistory .history_line .slick-slide span:after{content: ''; content: '';margin: auto;left: 0; right: 0; top: 0; bottom: 0;border-radius: 100%; position: absolute}
.Chistory .history_line .slick-slide span:before{width: 100%; height: 100%; }
.Chistory .history_line .slick-slide span:after{ background: #a5b2bd;width: 50%; height: 50%}
.Chistory .history_line .slick-slide b{display: block; text-align: center; line-height: 30px; font-weight: normal; color: #a5b2bd}
.Chistory .history_line .slick-current span:before{border: solid 1px #266e53;}
.Chistory .history_line .slick-current span:after{background: #266e53;}
.Chistory .history_line .slick-current b{color: #266e53; font-size: .24rem}
@media (min-width: 769px) and (max-width: 1024px) {
  .Chistory .historyList .slick-arrow {
    width: 0.35rem;
    height: 0.35rem;
  }
}
@media (max-width: 1024px) {
  .Chistory { padding: 0.6rem 0 0.8rem;}
  .Chistory .historyList .box{padding: .2rem}
}




.CbrainTruster {
  padding: 0.6rem 0 1.2rem;
}
.CbrainTruster .video {
  padding: 0.6rem 0.8rem;
  background: url(../images/video_back.png);
}
.CbrainTruster .video .videoInner {
  position: relative;
}
.CbrainTruster .video .videoInner::after {
  content: "";
  position: absolute;
  height: calc(50/810 * 100%);
  background: linear-gradient(to top, #000000, rgba(0, 0, 0, 0.5));
  bottom: 0;
  left: 0;
  width: 100%;
}
.CbrainTruster .video .videoInner .play_btn {
  background: url(../images/play2.png) no-repeat center;
  background-size: cover;
  position: absolute;
  width: 0.82rem;
  height: 0.82rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.CbrainTruster .video .videoInner video {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.CbrainTruster .brainTrusterList {
  margin-top: 0.6rem;
  gap: 0.6rem 0;
}
.CbrainTruster .brainTrusterList li {
  width: calc(770/1600 * 100%);
  overflow: hidden;
  padding: 0.2rem;
  background-color: #266e53;

}
.CbrainTruster .brainTrusterList li .img {
  width: calc(300/730 * 100%);
  transition: 0.3s;
  padding-bottom: calc(360/730 * 100%);
  background-color: #fff;
  background-size: cover;
}
.CbrainTruster .brainTrusterList li .textBox {
  width: calc(380/730 * 100%);
  animation-duration: 0.6s;
    color: #ffffff;
}
.CbrainTruster .brainTrusterList li .pop {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.CbrainTruster .brainTrusterList li .pop .popInner {
  position: absolute;
  width: calc(1100/1920 * 100%);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #f8f8f8;
  padding: calc(75/1920 * 100%);
}
.CbrainTruster .brainTrusterList li .pop .popInner figure {
  width: calc(300/950 * 100%);
}
.CbrainTruster .brainTrusterList li .pop .popInner .info {
  width: calc(560/950 * 100%);
}
.CbrainTruster .brainTrusterList li .pop .popInner .close {
  position: absolute;
  width: 0.27rem;
  cursor: pointer;
  height: 0.27rem;
  border-radius: 50%;
  background-color: #266e53;
  right: 0.3rem;
  top: 0.3rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.CbrainTruster .brainTrusterList li .pop .popInner .close::before {
  content: "";
  width: 50%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  transform: rotate(45deg);
}
.CbrainTruster .brainTrusterList li .pop .popInner .close::after {
  content: "";
  width: 50%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  transform: rotate(-45deg);
}
.CbrainTruster .brainTrusterList li .pop .storyList p::before{background: #266e53}
.CbrainTruster .brainTrusterList li .pop aside .f18{ color: #266e53}
.CbrainTruster .brainTrusterList li aside {
  margin-bottom: 0.3rem;
}
.CbrainTruster .brainTrusterList li aside .f36 {
  
  margin-right: 0.2rem;
}
.CbrainTruster .brainTrusterList li aside .f18 {
  vertical-align: text-top;
}
.CbrainTruster .brainTrusterList li .storyList {
  margin-bottom: 0.4rem;
}
.CbrainTruster .brainTrusterList li .storyList p {
  line-height: calc(40/16);
  display: flex;
  align-items: center;
  padding-left: 0.15rem;
  position: relative;
}
.CbrainTruster .brainTrusterList li .storyList p::before {
  content: "";
  position: absolute;
  top: calc(20/16 * 1em);
  transform: translateY(-50%);
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ffffff;
}
.CbrainTruster .brainTrusterList li .Hmore{color: #fff}
.CbrainTruster .brainTrusterList li .Hmore::before,
.CbrainTruster .brainTrusterList li .Hmore .icon{background-color: rgba(255,255,255,0.1)}
.CbrainTruster .brainTrusterList li .Hmore .icon::before{background: #ffffff}
.CbrainTruster .brainTrusterList li:hover .img {
  transform: scale(1.05);
}
@media (max-width: 1024px) {
  .CbrainTruster {
    padding: 0.3rem 0 0.6rem;
  }
  .CbrainTruster .video {
    padding: 0.2rem 0.3rem;
    background: url(../images/video_back.png);
  }
  .CbrainTruster .video .videoInner {
    position: relative;
  }
  .CbrainTruster .video .videoInner::after {
    content: "";
    position: absolute;
    height: calc(50/810 * 100%);
    background: linear-gradient(to top, #000000, rgba(0, 0, 0, 0.5));
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .CbrainTruster .video .videoInner .play_btn {
    background: url(../images/play2.png) no-repeat center;
    background-size: cover;
    position: absolute;
    width: 0.82rem;
    height: 0.82rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .CbrainTruster .video .videoInner video {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .CbrainTruster .brainTrusterList {
    margin-top: 0.3rem;
    gap: 0.3rem 2%;
    justify-content: start;
  }
  .CbrainTruster .brainTrusterList li {
    width: 32%;
  }
  .CbrainTruster .brainTrusterList li .img {
    padding-bottom: calc(360/300 * 100%);
    width: 100%;
  }
  .CbrainTruster .brainTrusterList li .textBox {
    width: 100%;
    margin-top: 0.2rem;
  }
  .CbrainTruster .brainTrusterList li .textBox .storyList {
    margin-bottom: 0.2rem;
  }
  .CbrainTruster .brainTrusterList li .pop .popInner {
    width: 92%;
  }
  .CbrainTruster .brainTrusterList li .pop .popInner figure {
    width: 100%;
    text-align: center;
  }
  .CbrainTruster .brainTrusterList li .pop .popInner .info {
    width: 100%;
    margin-top: 0.2rem;
  }
}
@media (max-width: 640px) {
  .CbrainTruster .brainTrusterList {
    gap: 0.3rem 3%;
    justify-content: space-between;
  }
  .CbrainTruster .brainTrusterList li {
    width: 100%;
  }
  .CbrainTruster .brainTrusterList li .img {
    padding-bottom: calc(360/300 * 100%);
  }
  .CbrainTruster .brainTrusterList li .textBox {
    width: 100%;
  }
  .CbrainTruster .brainTrusterList li .pop .popInner figure {
    width: 100%;
    text-align: center;
  }
  .CbrainTruster .brainTrusterList li .pop .popInner .info {
    width: 100%;
    margin-top: 0.2rem;
  }
}
.productMenu {
  width: calc(410/1920 * 100%);
  padding-bottom: 0.75rem;
  border-right: 1px solid #eff4f2;
}
.productMenu li {
  margin-right: calc(60/410 * 100%);
  border-bottom: 1px solid #eff4f2;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.productMenu li a {
  color: #222;
  display: block;
  transition: 0.3s;
  padding-left: calc(160/410 * 100%);
}
.productMenu li a.f22 {
  position: relative;
}
.productMenu li a.f22::after {
  content: "+";
  transition: 0.3s;
  position: absolute;
  font-size: 0.3rem;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.productMenu li a.f16 {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
.productMenu li a.active {
  color: #266e53;
}
.productMenu li a.active.f22::after {
  content: "-";
}
.productMenu li dl {
  margin-top: 0.14rem;
  display: none;
}
.productMenu li:nth-of-type(1) {
  padding-top: 0;
}
@media (max-width: 1024px) {
  .productMenu {
    padding-bottom: 0.35rem;
  }
  .productMenu li {
    margin-right: calc(30/410 * 100%);
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
  .productMenu li a {
    padding-left: calc(80/410 * 100%);
  }
  .productMenu li a.f16 {
    padding-top: 0.05rem;
    padding-bottom: 0.05rem;
  }
  .productMenu li dl {
    margin-top: 0.07rem;
    display: none;
  }
  .productMenu li:nth-of-type(1) {
    padding-top: 0;
  }
}
@media (max-width: 640px) {
  .productMenu {
    width: 100%;
  }
  .productMenu li a {
    padding-left: calc(30/410 * 100%);
  }
}
.productCenter {
  padding: 0.5rem 0 0.75rem;
}
.productCenter .flex_js {
  align-items: start;
}
.productCenter .flex_js .productList {
  width: calc(1400/1920 * 100%);
  gap: 0.1rem calc(60/1920 * 100%);
  padding-right: calc(160/1920 * 100%);
}
.productCenter .flex_js .productList li {
  width: calc(325/1240 * 100%);
  transition: 0.3s;
}
.productCenter .flex_js .productList li a {
  display: block;
  padding-top: calc(137/325 * 100%);
  padding-bottom: calc(60/325 * 100%);
}
.productCenter .flex_js .productList li a .img {
  padding-bottom: calc(264/325 * 100%);
  background-size: cover;
  background-repeat: no-repeat;
}
.productCenter .flex_js .productList li a p {
  text-align: center;
  transition: 0.3s;
  color: #333333;
  margin-top: 0.4rem;
}
.productCenter .flex_js .productList li:hover {
  background: url(../images/product_hover.png) no-repeat center;
  background-size: cover;
  width: calc(425/1240 * 100%);
  padding-left: calc(50/1240 * 100%);
  padding-right: calc(50/1240 * 100%);
}
.productCenter .flex_js .productList li:hover a p {
  color: #fff;
}
@media (max-width: 1024px) {
  .productCenter {
    padding: 0.25rem 0 0.35rem;
  }
  .productCenter .flex_js .productList {
    gap: 0.1rem calc(30/1920 * 100%);
    padding-right: calc(80/1920 * 100%);
  }
  .productCenter .flex_js .productList li {
    width: calc(380/1240 * 100%);
  }
  .productCenter .flex_js .productList li a {
    padding-top: calc(65/325 * 100%);
    padding-bottom: calc(30/325 * 100%);
  }
  .productCenter .flex_js .productList li a .img {
    padding-bottom: calc(264/325 * 100%);
    background-size: cover;
  }
  .productCenter .flex_js .productList li a p {
    margin-top: 0.2rem;
  }
  .productCenter .flex_js .productList li:hover {
    padding-left: calc(25/1240 * 100%);
    padding-right: calc(25/1240 * 100%);
  }
}
@media (max-width: 640px) {
  .productCenter .flex_js .productList {
    width: 92%;
    margin: 0 auto;
    gap: 0.1rem 3%;
    padding-right: 0;
  }
  .productCenter .flex_js .productList li {
    width: 48.5%;
  }
  .productCenter .flex_js .productList li a {
    padding-top: calc(65/325 * 100%);
    padding-bottom: calc(30/325 * 100%);
  }
  .productCenter .flex_js .productList li a .img {
    padding-bottom: calc(264/325 * 100%);
    background-size: cover;
  }
  .productCenter .flex_js .productList li a p {
    margin-top: 0.2rem;
  }
  .productCenter .flex_js .productList li:hover {
    width: 48.5%;
    padding-left: calc(25/1240 * 100%);
    padding-right: calc(25/1240 * 100%);
  }
}
.productDetail {
  padding: 0.5rem 0;
}
.productDetail .RighInfo002254 {
  margin-bottom: 1.3rem;
}
.productDetail .RighInfo002254 .slider-big {
  border: 1px solid #eaf0ee;
  width: calc(700/850 * 100%);
  padding-bottom: calc(698/850 * 100%);
  position: relative;
}
.productDetail .RighInfo002254 .slider-big li figure {
  background-size: contain;
}
.productDetail .RighInfo002254 .slider-big .slick-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.productDetail .RighInfo002254 .slider-big * {
  height: 100%;
}
.productDetail .RighInfo002254 .slider-list {
  position: relative;
  width: calc(110/850 * 100%);
}
.productDetail .RighInfo002254 .slider-list li {
  cursor: pointer;
  margin-bottom: calc(20/110 * 100%);
  padding-bottom: calc(108/110 * 100%);
  position: relative;
}
.productDetail .RighInfo002254 .slider-list li figure {
  border: 1px solid #eaf0ee;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  background-size: contain;
}
.productDetail .RighInfo002254 .slider-list li.slick-current figure {
  border-color: #266e53;
}
.productDetail .RighInfo002254 .list_img {
  width: calc(850/1600 * 100%);
  position: relative;
}
.productDetail .productInfo {
  width: calc(680/1600 * 100%);
  padding-top: calc(70/1600 * 100%);
}
.productDetail .productInfo .prodcutTitle {
  padding-bottom: 0.35rem;
  margin-bottom: 0.3rem;
  border-bottom: 1px solid #eaf0ee;
}
.productDetail .productInfo .prodcutTitle aside {
  color: #222;
}
.productDetail .productInfo .prodcutTitle aside.cn {
  margin-bottom: 0.07rem;
}
.productDetail .productInfo .content p {
  line-height: calc(32/18);
  color: #222;
}
.productDetail .productInfo .content p strong{font-weight: normal}
.productDetail .productInfo .content p:not(:nth-last-of-type(1)) {
  margin-bottom: 0.32rem;
}
.productDetail .detail h2 {
  margin-bottom: 0.4rem;
  color: #222;
  text-align: center;
  font-weight: normal
}
.productDetail .detail .info img {
  display: block;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .productDetail .RighInfo002254 {
    margin-bottom: 0.65rem;
  }
  .productDetail .RighInfo002254 .list_img {
    width: 100%;
    position: relative;
  }
  .productDetail .productInfo {
    width: 100%;
    padding-top: 0.65rem;
  }
}
@media (max-width: 640px) {
  .productDetail .RighInfo002254 .slider-big {
    width: 100%;
    order: 1;
    padding-bottom: calc(850/850 * 100%);
  }
  .productDetail .RighInfo002254 .slider-list {
    position: relative;
    width: 100%;
    order: 2;
    margin-top: 0.1rem;
  }
  .productDetail .RighInfo002254 .slider-list li {
    margin-bottom: 0;
    margin-right: 0.1rem;
    padding-bottom: calc(33/110 * 100%);
  }
}
.customized {
  padding: 1rem 0 1.25rem;
}
.customized .intro {
  position: relative;
}
.customized .intro .textBox {
  position: absolute;
  max-width: calc(520/1600 * 100%);
  left: calc(100/1600 * 100%);
  top: 50%;
  transform: translateY(-50%);
}
.customized .intro .textBox aside {
  color: #fff;
  margin-bottom: 0.2rem;
}
.customized .intro .textBox p {
  color: #fff;
  line-height: 2;
}
.customized .ul {
  padding-bottom: calc(750/1600 * 100%);
  width: calc(1000/1600 * 100%);
  position: relative;
  margin-top: calc(-750/1600 * 2/3 * 100%);
  margin-left: auto;
}
.customized .ul li {
  position: absolute;
  transition: 0.3s;
  width: calc(250/1000 * 100%);
  height: calc(250/750 * 100%);
  background-color: #f5f5f5;
  padding: calc(20/1000 * 100%);
}
.customized .ul li span {
  display: block;
  color: #fff;
  opacity: 0;
  transition: 0.3s;
}
.customized .ul li .img {
  text-align: center;
  max-width: calc(52/210 * 100%);
  margin: 0 auto;
  margin-top: 0.1rem;
  margin-bottom: 0.25rem;
}
.customized .ul li .img .active {
  display: none;
}
.customized .ul li aside {
  color: #222;
  text-align: center;
  transition: 0.3s;
}
.customized .ul li p {
  color: #222;
  margin-top: 0.12rem;
  text-align: center;
  transition: 0.3s;
}
.customized .ul li:nth-of-type(1) {
  top: 0;
  left: calc(250/1000 * 100%);
}
.customized .ul li:nth-of-type(2) {
  top: calc(250/750 * 100%);
  left: 0;
}
.customized .ul li:nth-of-type(3) {
  top: calc(250/750 * 100%);
  left: calc(250/1000 * 100%);
}
.customized .ul li:nth-of-type(4) {
  top: calc(250/750 * 100%);
  left: calc(500/1000 * 100%);
}
.customized .ul li:nth-of-type(5) {
  top: calc(500/750 * 100%);
  left: calc(250/1000 * 100%);
}
.customized .ul li:nth-of-type(6) {
  top: calc(500/750 * 100%);
  left: calc(750/1000 * 100%);
}
.customized .ul li:hover {
  background-color: #d6b789;
}
.customized .ul li:hover .img img:not(.active) {
  display: none;
}
.customized .ul li:hover .img .active {
  display: block;
}
.customized .ul li:hover span {
  opacity: 0.5;
}
.customized .ul li:hover aside {
  color: #fff;
}
.customized .ul li:hover p {
  color: #fff;
}
@media (max-width: 1024px) {
  .customized {
    padding: 0.5rem 0 0.625rem;
  }
  .customized .intro {
    position: relative;
  }
  .customized .intro .textBox {
    max-width: 100%;
  }
  .customized .ul {
    padding-bottom: calc(0/1600 * 100%);
    width: 100%;
    position: relative;
    margin-top: 0.2rem;
    display: flex;
    flex-wrap: wrap;
  }
  .customized .ul li {
    position: static;
    width: calc(25% - 4px);
	height: auto;
	margin: 2px;
  }
}
@media (max-width: 640px) {
  .customized .ul li {
    position: static;
    width: calc(50% - 4px);
  }
}
.skinRecomend {
  padding: 0.5rem 0 0.75rem;
}
.skinRecomend aside {
  text-align: center;
  color: #222;
}
.skinRecomend .recomendGroup{justify-content: space-between}
.skinRecomend .recomendInfo{width: calc(600/1600 * 100%);position: relative}
.skinRecomend .recomendInfo .txt {
  background-color: rgba(245, 245, 245, 0.9);
  color: #222;
  padding:.7rem;
  position:fixed;
  width:31.25vw;
  top: 9vw;
  transform: none;
  z-index: 100;
  transition: 0.5s
}
.skinRecomend .recomendInfo.relative .txt{position:relative;top:0px;}
.skinRecomend .recomendInfo .txt p {
  line-height: 2;
  margin-top: 0.15rem;
  margin-bottom: 0.4rem;
}
.skinRecomend .recomendInfo .txt h2 {display: flex; align-items: center; line-height: 1}
.skinRecomend .recomendInfo .txt h2 b{font-weight: normal}
.skinRecomend .recomendInfo .txt h2 span{font-size: .8rem; opacity: 0.05;transform: translateX(-50%)}
.skinRecomend .recomendInfo .txt .process {
  gap: 0.3rem calc(60/460 * 100%);
  margin-top: 0.3rem;
}
.skinRecomend .recomendInfo .txt .process li {
  display: flex;
  align-items: center;
  width: calc(200/460 * 100%);
}
.skinRecomend .recomendInfo .txt .process li span {
  color: #fff;
  background-color: #266e53;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.1rem;
}

.skinRecomend .recomendList {
  align-items: start;
  gap: 0.1rem calc(60/1920 * 100%);
  margin-top: 0.8rem;
  width: calc(940/1600 * 100%);
  justify-content: space-between;
}
.skinRecomend .recomendList li {
  width: calc(425/940 * 100%);
  transition: 0.3s;
}
.skinRecomend .recomendList li:nth-child(odd){ padding-right:10.639%}
.skinRecomend .recomendList li:nth-child(even){padding-left:10.639%}
.skinRecomend .recomendList li a {
  display: block;
  padding-top: calc(135/325 * 100%);
  padding-bottom: calc(60/325 * 100%);
}
.skinRecomend .recomendList li a .img {
  padding-bottom: calc(264/325 * 100%);
  background-size: cover;
}
.skinRecomend .recomendList li a p {
  text-align: center;
  transition: 0.3s;
  color: #333333;
  margin-top: 0.4rem;
}
.skinRecomend .recomendList li:hover {
  background: url(../images/product_hover.png) no-repeat center;
  background-size: cover;
/*  width: calc(425/940 * 100%);
  padding-left: calc(50/1600 * 100%);
  padding-right: calc(50/1600 * 100%);*/
}
.skinRecomend .recomendList li:hover{padding-left: 5.3195%; padding-right: 5.3195%;}
.skinRecomend .recomendList li:hover a p {
  color: #fff;
}
.skinRecomend .recomendGroup:not(.active) {
  display: none;
}
@media (max-width: 1024px) {
  .skinRecomend {
    padding: 0.25rem 0 0.35rem;
  }
  .skinRecomend .recomendInfo{width: 100%;padding-top: 3%}
  .skinRecomend .recomendInfo .txt{position: relative; width: 100%;top: auto;padding: 4%}
  .skinRecomend .recomendList {
    gap: 0.1rem calc(30/1600 * 100%);
    margin-top: 0.4rem;
	width: 100%
  }
  .skinRecomend .recomendList li {
    /*width: calc(495/1600 * 100%);*/
	width:49%
  }
/*  .skinRecomend .recomendList li a {
    padding-top: calc(65/325 * 100%);
    padding-bottom: calc(30/325 * 100%);
  }
  .skinRecomend .recomendList li a .img {
    padding-bottom: calc(264/325 * 100%);
    background-size: cover;
  }
  .skinRecomend .recomendList li a p {
    margin-top: 0.2rem;
  }
  .skinRecomend .recomendList li:hover {
    width: calc(550/1600 * 100%);
    padding-left: calc(25/1600 * 100%);
    padding-right: calc(25/1600 * 100%);
  }*/
}
@media (max-width: 640px) {
  .skinRecomend .recomendList {
    gap: 0.1rem 3%;
    padding-right: 0;
  }
  .skinRecomend .recomendList li {
    width: 48.5%;
  }
/*  .skinRecomend .recomendList li a {
    padding-top: calc(65/325 * 100%);
    padding-bottom: calc(30/325 * 100%);
  }
  .skinRecomend .recomendList li a .img {
    padding-bottom: calc(264/325 * 100%);
    background-size: cover;
  }
  .skinRecomend .recomendList li a p {
    margin-top: 0.2rem;
  }
  .skinRecomend .recomendList li:hover {
    width: 48.5%;
    padding-left: calc(25/1240 * 100%);
    padding-right: calc(25/1240 * 100%);
  }*/
}
.franchise aside.f36 {
  color: #222;
  text-align: center;
  line-height: 1;
}
.franchise .franchise_process {
  padding: 0.9rem 0 ;
  background: #f8f8f8 url("../images/join_bg1.jpg") no-repeat center top;
  background-size: 100%;
}
.franchise .franchise_process .inner {
  position: relative;
 padding-top: .3rem
}
.franchise .franchise_process .inner .ul{position: relative; z-index: 2}
.franchise .franchise_process .inner .ul:before{content: '';position: absolute; width: .1rem; height:95%; top: 0; bottom: 0; margin: auto; left:0; right: 0;; background: #e3eae7; z-index: -1}
.franchise .franchise_process .inner .ul li {
  color: #222;
  display: flex;
  padding: .1rem 0
}
.franchise .franchise_process .inner .ul li .desc{width: 50%; position: relative}

.franchise .franchise_process .inner .ul li .img .active {
  display: none;
}
.franchise .franchise_process .inner .ul li aside {
  transition: 0.3s;
  padding: .05rem 0
}
.franchise .franchise_process .inner .ul li .circle {
  margin: 0 auto;
  transition: 0.3s;
  font-weight: bold;
  color: #fff;
  width: 0.53rem;
  height: 0.53rem;
  border: 0.08rem solid #fff;
  border-radius: 50%;
  background-color: #266e53;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.franchise .franchise_process .inner .ul li p {
  line-height: calc(24/14);
}
.franchise .franchise_process .inner .ul li:hover .img img:not(.active) {
  display: none;
}
.franchise .franchise_process .inner .ul li:hover .img .active {
  display: inline-block;
}
.franchise .franchise_process .inner .ul li:hover aside {
  color: #266e53;
}
.franchise .franchise_process .inner .ul li:hover .circle {
  box-shadow: 0px 0px 0.3rem 0px rgba(38, 110, 83, 0.3);
}
.franchise .franchise_process .inner .ul li:nth-child(odd){text-align: right}
.franchise .franchise_process .inner .ul li:nth-child(even){justify-content: flex-end}
.franchise .franchise_process .inner .ul li:nth-child(odd) .desc{padding-right:.55rem }
.franchise .franchise_process .inner .ul li:nth-child(even) .desc{padding-left:.55rem }
.franchise .franchise_process .inner .ul li:nth-child(odd) .circle {right: -.25rem}
.franchise .franchise_process .inner .ul li:nth-child(even) .circle {left: -.25rem}

@media (max-width: 640px) {

}
.franchise .franchise_rank {
  padding-top: 1.1rem;
  padding-bottom: 1rem;
}
.franchise .franchise_rank table {
  margin-top: 0.8rem;
  width: 100%;
  border-collapse: separate;
  border: 1px solid #dfe9e5;
  border-radius: 0.3rem;
  overflow: hidden;
}
.franchise .franchise_rank table tr th {
  background-color: #ebf1f0;
  font-weight: normal;
  color: #266e53;
  font-size: 0.2rem;
  width: calc(235/1600 * 100%);
  text-align: center;
  padding: calc(35/1600 * 100%) calc(56/1600 * 100%);
}
.franchise .franchise_rank table tr th:nth-of-type(1) {
  font-size: 0.24rem;
  color: #222;
  width: calc(216/1600 * 100%);
  text-align: start;
}
.franchise .franchise_rank table tr th:not(:nth-last-of-type(1)) {
  border-right: 1px solid #dfe9e5;
}
.franchise .franchise_rank table tr td {
  color: #222;
  font-size: 0.2rem;
  text-align: center;
  padding: calc(35/1600 * 100%) calc(56/1600 * 100%);
}
.franchise .franchise_rank table tr td:nth-of-type(1) {
  font-size: 0.24rem;
  color: #222;
  width: calc(216/1600 * 100%);
  text-align: start;
}
.franchise .franchise_rank table tr td:not(:nth-last-of-type(1)) {
  border-right: 1px solid #dfe9e5;
}
@media (max-width: 1024px) {
  .franchise .franchise_rank {
    padding-top: 0.55rem;
    padding-bottom: 0.5rem;
  }
  .franchise .franchise_rank table {
    margin-top: 0.4rem;
  }
  .franchise .franchise_rank table tr th{width: auto}
}
.franchise .franchise_income {
  padding-bottom: 1.2rem;
}
.franchise .franchise_income .table_tap {
  border-bottom: 1px solid #e9f0ed;
  margin-top: 0.7rem;
}
.franchise .franchise_income .table_tap li {
  color: #222;
  text-align: center;
  transition: 0.3s;
  cursor: pointer;
  padding: calc(25/1600 * 100%);
  width: calc(320/1600 * 100%);
}
.franchise .franchise_income .table_tap li.active {
  color: #266e53;
  position: relative;
}
.franchise .franchise_income .table_tap li.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #266e53;
  bottom: -1px;
  left: 0;
}
.franchise .franchise_income table {
  display: none;
  margin-top: 0.6rem;
  width: 100%;
  border-collapse: separate;
  border: 1px solid #dfe9e5;
  border-radius: 0.3rem;
  overflow: hidden;
}
.franchise .franchise_income table tr th {
  background-color: #ebf1f0;
  font-weight: normal;
  text-align: start;
  line-height: calc(36/22);
  color: #266e53;
  font-size: 0.22rem;
  width: calc(235/1600 * 100%);
  padding: calc(30/1600 * 100%) calc(56/1600 * 100%);
}
.franchise .franchise_income table tr th:not(:nth-last-of-type(1)) {
  border-right: 1px solid #dfe9e5;
}
.franchise .franchise_income table tr th:nth-of-type(1) {
  width: calc(316/1600 * 100%);
}
.franchise .franchise_income table tr th:nth-of-type(2) {
  width: calc(335/1600 * 100%);
}
.franchise .franchise_income table tr th:nth-of-type(3) {
  width: calc(525/1600 * 100%);
}
.franchise .franchise_income table tr th:nth-of-type(4) {
  width: calc(425/1600 * 100%);
}
.franchise .franchise_income table tr td {
  color: #222;
  font-size: 0.16rem;
  padding: calc(22/1600 * 100%) calc(56/1600 * 100%);
  border-right: 1px solid #dfe9e5;
}
.franchise .franchise_income table tr:not(:nth-last-of-type(1)) th,
.franchise .franchise_income table tr:not(:nth-last-of-type(1)) td {
  border-bottom: 1px solid #dfe9e5;
}
@media (max-width: 1024px) {
  .franchise .franchise_income {
    padding-top: 0.55rem;
    padding-bottom: 0.5rem;
  }
  .franchise .franchise_income .table_tap {
    margin-top: 0.35rem;
  }
  .franchise .franchise_income table {
    margin-top: 0.4rem;
  }
}
@media (max-width: 640px) {
  .franchise .franchise_income .table_tap li {
    width: calc(533/1600 * 100%);
  }
  .franchise .franchise_income .table {
    overflow-x: auto;
  }
  .franchise .franchise_income .table table {
    width: 200%;
  }
}
.franchise .franchise_guarantee {
  padding: 1rem 0 1.1rem;
  background-color: #f8f8f8;
}
.franchise .franchise_guarantee .ul {
  gap: 0.28rem calc(26/1600 * 100%);
  margin-top: 0.6rem;
}
.franchise .franchise_guarantee .ul li {
  width: calc(380/1600 * 100%);
  transition: 0.3s;
  color: #222;
  background-color: #fff;
  padding: calc(50/1600 * 100%);
}
.franchise .franchise_guarantee .ul li .img {
  width: .54rem;
  height: .54rem;
  background: #297055;
  border-radius: 100%;
  display: flex; justify-content: center;align-items: center;
}
.franchise .franchise_guarantee .ul li .img img{filter: brightness(0) invert(1); max-width:55%; max-height:55%}
.franchise .franchise_guarantee .ul li aside {
  padding-top: calc(20/280 * 100%);
  padding-bottom: calc(10/280 * 100%);
}
.franchise .franchise_guarantee .ul li p {
  line-height: calc(32/18);
}
.franchise .franchise_guarantee .ul li:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0.2rem;
}
@media (max-width: 1024px) {
  .franchise .franchise_guarantee {
    padding: 0.5rem 0 0.55rem;
  }
  .franchise .franchise_guarantee .ul {
    gap: 0.4rem calc(100/1600 * 100%);
    margin-top: 0.3rem;
  }
  .franchise .franchise_guarantee .ul li {
    width: calc(750/1600 * 100%);
    padding: calc(50/1600 * 100%);
  }
}
@media (max-width: 640px) {
  .franchise .franchise_guarantee .ul li {
    width: calc(1600/1600 * 100%);
    padding: calc(50/1600 * 100%);
  }
}
.franchise .franchise_advantage {
  padding: 1rem 0 1.4rem;
}
.franchise .franchise_advantage .advantageList {
  margin-top: 0.8rem;
  margin-left: auto;
  width: 92%;
}
.franchise .franchise_advantage .advantageList li {
  margin-right: 0.4rem;
  overflow: hidden;
}
.franchise .franchise_advantage .advantageList li figure {
  padding-bottom: 111.7647%;
  position: relative;
  background-size: cover;
  background-position: center;
  transition: 0.3s;
}
.franchise .franchise_advantage .advantageList li figure span {
  text-align: right;
  color: #266e53;
  line-height: 1;
  top: 10%;
  position: absolute;
  width: 88%;
  left: 0;
}
.franchise .franchise_advantage .advantageList li aside {
  margin-top: 0.24rem;
  color: #333;
}
.franchise .franchise_advantage .advantageList li p {
  color: #666;
  line-height: 1.875;
  margin-top: 1em;
}
.franchise .franchise_advantage .advantageList li:hover figure {
  transform: scale(1.05);
}
.franchise .franchise_advantage .advantageList li:hover aside {
  color: #266e53;
}
.franchise .franchise_advantage .lineBox {
  background-color: #ebebeb;
  height: 1px;
  margin-top: 0.8rem;
}
.franchise .franchise_advantage .lineBox .line {
  background-color: #266e53;
  transition: 0.3s;
  height: 100%;
  width: 0%;
}
@media (max-width: 1024px) {
  .franchise .franchise_advantage {
    padding: 0.5rem 0 0.7rem;
  }
  .franchise .franchise_advantage .advantageList {
    margin-top: 0.4rem;
  }
  .franchise .franchise_advantage .lineBox {
    margin-top: 0.4rem;
  }
}
.franchise .franchise_condition {
  padding-bottom: 1.5rem;
}
.franchise .franchise_condition .inner {
  position: relative;
}
.franchise .franchise_condition .inner .left {
  width: calc(728/1600 * 100%);
}
.franchise .franchise_condition .inner .left .condition {
  margin-top: calc(60/580 * 100%);
  margin-bottom: calc(200/580 * 100%);
}
.franchise .franchise_condition .inner .left .condition p {
  line-height: 2;
}
.franchise .franchise_condition .inner .left .more span {
  font-weight: bold;
}
.franchise .franchise_condition .inner .right {
  padding: 4.5% 5%;
  position: relative;
  z-index: 1;
  width: calc(872/1600 * 100%);
  background: #f6f6f6
}
.franchise .franchise_condition .inner .right .desc{ color: #222222}
.franchise .franchise_condition .inner .right .desc h2 {font-weight: normal;}
.franchise .franchise_condition .inner .right .desc p{line-height:2;}
.franchise .franchise_condition .inner .right form {
  margin-top: calc(30/712 * 100%);
}
.franchise .franchise_condition .inner .right form .item {
  position: relative;
}
.franchise .franchise_condition .inner .right form .item .inputBox {
  position: relative;
}
.franchise .franchise_condition .inner .right form .item .inputBox label {
  position: absolute;
  left: 0;
  top: 0.5em;
}
.franchise .franchise_condition .inner .right form .item .inputBox .text,
.franchise .franchise_condition .inner .right form .item .inputBox select {
  width: 100%;
  color: #999999;
  height: 0.45rem;
  line-height: .45rem;
  border-radius: 0.05rem;
  border: none;
  background-color: #fff;
  padding: 0 0.2rem;
  font-size: .14rem
}
.franchise .franchise_condition .inner .right form .item .inputBox textarea.text  {
  resize: none;
  height: 1.32rem;
}
.franchise .franchise_condition .inner .right form .item .inputBox input::placeholder {
  color: #999;
}

.franchise .franchise_condition .inner .right form .item.row_2 .inputBox {
  width: calc(365/770 * 100%);
}
.franchise .franchise_condition .inner .right form .item.row_3 .inputBox {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.franchise .franchise_condition .inner .right form .item.row_3 .inputBox select{display: block!important}
.franchise .franchise_condition .inner .right form .item.row_3 .inputBox .selectBox {
  width: calc(230/710 * 100%);
}
.franchise .franchise_condition .inner .right form .item:not(:nth-last-of-type(1)) {
  margin-bottom: calc(28/770 * 100%);
}

.franchise .franchise_condition .inner .right form .item:has(input[type="submit"]) input[type="submit"] {
  width: 100%;
  cursor: pointer;
  height: 0.54rem;
  border-radius: 0.05rem;
  border: none;
  background-color: #266e53;
  color: #ffffff;
}

@media (max-width: 1024px) {
  .franchise .franchise_condition {
    padding-bottom: 0.75rem;
  }
  .franchise .franchise_condition .inner {
    padding: calc(40/1600 * 100%);
  }
  .franchise .franchise_condition .inner .left {
display: none
  }
  .franchise .franchise_condition .inner .left .condition {
    margin-top: calc(20/580 * 100%);
    margin-bottom: calc(30/580 * 100%);
  }
  .franchise .franchise_condition .inner .right {
    width: calc(1440/1440 * 100%);
    margin-top: 0.2rem;
  }
  .franchise .franchise_condition .inner .right form {
    margin-top: calc(30/770 * 100%);
  }
  .franchise .franchise_condition .inner .right form .item:not(:nth-last-of-type(1)) {
    margin-bottom: calc(14/770 * 100%);
  }
  .franchise .franchise_condition .inner .right form .item:has(input[type="submit"]) {
    padding-left: 3em;
  }
}
.news .PicList002856 {
  padding-top: 1rem;
  padding-bottom: 1.3rem;
}
.news .PicList002856 .top-new {
  margin-bottom: 1.3rem;
  position: relative;
}
.news .PicList002856 .top-new li .ytable {
  display: flex;
  justify-content: space-between;
}
.news .PicList002856 .top-new li .ytable .img img {
  display: block;
  width: 100%;
}
.news .PicList002856 .top-new li .ytable .txt {
  padding: calc(45/1600 * 100%) 0 calc(130 / 1600 * 100%);
}
.news .PicList002856 .top-new li .ytable .txt time {
  color: #000000;
  display: block;
  margin-bottom: calc(54/645 * 100%);
}
.news .PicList002856 .top-new li .ytable .txt aside {
  color: #000000;
  line-height: calc(53/36);
}
.news .PicList002856 .top-new .sliderControls {
  display: flex;
  position: absolute;
  right: 0;
  bottom: calc(77/500 * 100%);
  z-index: 2;
  width: calc(645/1600 * 100%);
  margin-left: auto;
}
.news .PicList002856 .top-new .sliderControls .arrowBox {
  position: absolute;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  right: 0;
}
.news .PicList002856 .top-new .sliderControls .arrowBox .slider_arrow_prev {
  margin-right: calc(24/16 * 1em);
}
.news .PicList002856 .top-new .sliderControls .arrowBox .slick-arrow {
  border-radius: 50%;
  width: 0.56rem;
  height: 0.56rem;
  z-index: 10;
  cursor: pointer;
  padding: 0;
  box-sizing: border-box;
}
.news .PicList002856 .top-new .sliderControls .arrowBox .slick-arrow.slick-prev {
  background-color: #266e53;
  right: 0.8rem;
  left: unset;
  transition: 0.3s;
}
.news .PicList002856 .top-new .sliderControls .arrowBox .slick-arrow.slick-prev::before {
  border-color: #fff;
}
.news .PicList002856 .top-new .sliderControls .arrowBox .slick-arrow.slick-prev:hover {
  background-color: #fff;
  border: 1px solid #266e53;
}
.news .PicList002856 .top-new .sliderControls .arrowBox .slick-arrow.slick-prev:hover::before {
  border-color: #266e53;
}
.news .PicList002856 .top-new .sliderControls .arrowBox .slick-arrow.slick-next {
  transform-origin: center;
  background-color: #fff;
  border: 1px solid #266e53;
  right: 0;
  transition: 0.3s;
}
.news .PicList002856 .top-new .sliderControls .arrowBox .slick-arrow.slick-next::before {
  border-color: #266e53;
}
.news .PicList002856 .top-new .sliderControls .arrowBox .slick-arrow.slick-next:hover {
  background-color: #266e53;
  border-color: #fff;
}
.news .PicList002856 .top-new .sliderControls .arrowBox .slick-arrow.slick-next:hover::before {
  border-color: #fff;
}
.news .PicList002856 .top-new .sliderControls .lineBox {
  width: calc(445/645 * 100%);
  height: 3px;
  background-color: #efefef;
}
.news .PicList002856 .top-new .sliderControls .lineBox .line {
  transition: 0.3s;
  height: 100%;
  background-color: #266e53;
  width: 0;
}
.news .PicList002856 .list ul {
  display: flex;
  gap: 0.1rem calc(65/1600 * 100%);
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.news .PicList002856 .list ul li {
  width: calc(488/1600 * 100%);
  position: relative;
}
.news .PicList002856 .list ul li .img {
  padding-bottom: calc(296/488 * 100%);
  background-size: cover;
}
.news .PicList002856 .list ul li .inner {
  padding: calc(50/488 * 100%) 0;
  color: #333;
  transition: 0.3s;
}
.news .PicList002856 .list ul li .inner time {
  display: block;
  color: #000;
}
.news .PicList002856 .list ul li .inner p {
  line-height: calc(35/20);
  transition: 0.3s;
  color: #000000;
  margin-top: calc(10/488 * 100%);
  height: 1.1rem;
}
.news .PicList002856 .list ul li .inner a {
  color: #999;
  transition: 0.3s;
  display: inline-block;
  padding: calc(20/488 * 100%) 0;
}
.news .PicList002856 .list ul li:hover p {
  color: #266e53;
  text-decoration: underline;
}
.news .PicList002856 .list ul li:hover a {
  color: #266e53;
  padding: calc(20/488 * 100%) 1em;
  border-bottom: 1px solid #266e53;
}
.news .PicList002856 .list ul li:hover a span {
  display: flex;
  align-items: center;
}
.news .PicList002856 .list ul li:hover a span::after {
  content: "";
  display: inline-block;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background-color: #266e53;
  margin-left: 0.2rem;
}
@media (min-width: 769px) {
  .news .PicList002856 .top-new li .img {
    width: calc(890/1600 * 100%);
  }
  .news .PicList002856 .top-new .txt {
    width: calc(645/1600 * 100%);
  }
}
@media (max-width: 1024px) {
  .news {
    padding-top: 0.5rem;
  }
  .news .PicList002856 {
    padding-top: 0.5rem;
    padding-bottom: 0.65rem;
  }
  .news .PicList002856 .top-new {
    margin-bottom: 0.65rem;
  }
  .news .PicList002856 .top-new .sliderControls .arrowBox .slick-arrow {
    border-radius: 50%;
    width: 0.45rem;
    height: 0.45rem;
    z-index: 10;
    cursor: pointer;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (max-width: 768px) {
  .news .PicList002856 .top-new li .ytable {
    flex-wrap: wrap;
  }
  .news .PicList002856 .top-new li .ytable .img {
    width: 100%;
  }
  .news .PicList002856 .top-new li .ytable .txt {
    padding: calc(45/1600 * 100%) 0 calc(130 / 1600 * 100%);
    width: 100%;
  }
  .news .PicList002856 .top-new li .ytable .txt time {
    color: #000000;
    display: block;
    margin-bottom: calc(54/645 * 100%);
  }
  .news .PicList002856 .top-new li .ytable .txt aside {
    color: #000000;
    line-height: calc(53/36);
  }
  .news .PicList002856 .top-new .sliderControls {
    bottom: calc(0/500 * 100%);
    z-index: 2;
    width: 100%;
  }
  .news .PicList002856 .list ul {
    gap: 0.1rem 3%;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
  }
  .news .PicList002856 .list ul li {
    width: 48.5%;
  }
  .news .PicList002856 .list ul li .inner p {
    height: 1.2rem;
  }
  .news .PicList002856 .list ul li .inner a {
    margin-top: 0.1rem;
  }
}
.Page001726 .Pages {
  padding: 0;
}
.Page001726 .Pages em {
  gap: 0.1rem;
}
.Page001726 .Pages a {
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #f8f8f8;
  color: #222;
  border: none;
}
.Page001726 .Pages a:hover,
.Page001726 .Pages a.a_cur {
  color: #ce2129;
  background-color: #fff;
  border: 2px solid #266e53;
}
.Page001726 .Pages a.a_prev {
  background-color: #fff;
  border: 2px solid #266e53;
  margin-right: 0.1rem;
}
.Page001726 .Pages a.a_prev::before {
  border-color: #266e53;
  border-width: 0 0 3px 3px;
  width: 0.1rem;
  height: 0.1rem;
}
.Page001726 .Pages a.a_prev:hover {
  background-color: #266e53;
  border: none;
}
.Page001726 .Pages a.a_prev:hover::before {
  border-color: #fff;
}
.Page001726 .Pages a.a_next {
  background-color: #266e53;
  border: none;
  margin-left: 0.1rem;
}
.Page001726 .Pages a.a_next::before {
  border-color: #fff;
  width: 0.1rem;
  border-width: 3px 3px 0 0;
  height: 0.1rem;
}
.Page001726 .Pages a.a_next:hover {
  background-color: #fff;
  border: 2px solid #266e53;
}
.Page001726 .Pages a.a_next:hover::before {
  border-color: #266e53;
}
.newsDetail {
  padding: 1rem 0 1.1rem;
  background: #f8f8f8
}
.newsDetail .titleBox {
  border-bottom: 1px solid #f3f3f3;
}
.newsDetail .titleBox h1 {
  line-height: calc(60/48);
  color: #000000;
  max-width: calc(900/1600 * 100%);
  margin: 0 auto;
  text-align: center;
}
.newsDetail .titleBox time {
  display: block;
  text-align: center;
  color: #000000;
  margin-top: 0.4rem;
  margin-bottom: 0.35rem;
}
.newsDetail .titleBox time .time {
  margin-left: 1.5em;
}
.newsDetail article {
  padding: 0.8rem 0;
  margin-bottom: 0.8rem;
  text-align: center;
  border-bottom: 1px solid #f3f3f3;
}
.newsDetail article strong {
  display: block;
  color: #000;
  font-size: 0.24rem;
  line-height: 1.5;
  margin: 0.44rem 0;
}
.newsDetail article strong:nth-last-of-type(1) {
 
}
.newsDetail article p {
  line-height: 2;
  color: #000;
  margin: 0.56rem 0;
}
.newsDetail article p:nth-last-of-type(1) {
  margin-bottom: 0;
}
.newsDetail .pn-page .article {
  display: flex;
  justify-content: space-between;
}
.newsDetail .pn-page .article a {
  color: #000000;
}
.newsDetail .pn-page .article a b{font-weight: normal}
.newsDetail .pn-page .article a:hover {
  color: #266e53;
  text-decoration: underline;
}
.newsDetail .pn-page .article a:hover b {
  font-weight: normal;
}
.newsDetail .pn-page .operating {
  display: flex;
  justify-content: center;
  margin-top: 0.4rem;
}
.newsDetail .pn-page .operating a {
  height: 0.5rem;
  display: flex;
  align-items: center;
  transition: 0.3s;
  justify-content: center;
  padding: 0 2em;
  background-color: #266e53;
  border-radius: 0.25rem;
  color: #fff;
}
.newsDetail .pn-page .operating a:hover {
  background-color: #fff;
  color: #266e53;
  border: 1px solid #266e53;
}
@media (max-width: 1024px) {
  .newsDetail {
    padding: 0.5rem 0 0.55rem;
  }
  .newsDetail .titleBox h1 {
    max-width: calc(1200/1600 * 100%);
  }
  .newsDetail .titleBox time {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
  }
  .newsDetail article {
    padding: 0.4rem 0;
    margin-bottom: 0.4rem;
  }
  .newsDetail article strong {
    margin: 0.22rem 0;
  }
  .newsDetail article p {
    margin: 0.28rem 0;
  }
  .newsDetail .pn-page .article {
    flex-wrap: wrap;
  }
  .newsDetail .pn-page .article aside:not(:nth-last-of-type(1)) {
    margin-bottom: 0.2rem;
  }
  .newsDetail .pn-page .operating {
    margin-top: 0.2rem;
  }
}
.contactUs {
  padding: 1.15rem 0 1.5rem;
}
.contactUs h2 {
  color: #000;
  line-height: 1;
  font-weight: normal;
}
.contactUs h3 {
  color: #999;
  font-weight: normal;
}
.contactUs .left {
  width: calc(640/1600 * 100%);
  padding-right: calc(60/1600 * 100%);
  border-right: 1px solid #dddddd;
}
.contactUs .left .information {
  margin-top: calc(75/640 * 100%);
  padding-left: calc(40/16 * 1em);
  gap: 0.36rem calc(60/600 * 100%);
  position: relative;
}
.contactUs .left .information li aside {
  color: #999;
}
.contactUs .left .information li p {
  color: #266e53;
  font-weight: bold;
  margin-top: 0.1rem;
}
.contactUs .left .information::before {
  content: "";
  position: absolute;
  width: 0.23rem;
  height: 0.22rem;
  background: url(../images/tel.png) no-repeat center;
  background-size: cover;
  left: 0;
  top: 0em;
}
.contactUs .left .storefront {
  padding: calc(45/580 * 100%) 0 calc(55/580 * 100%);
  margin: calc(50/580 * 100%) 0 calc(40/580 * 100%);
  border-top: 1px dashed #dddddd;
  border-bottom: 1px dashed #dddddd;
}
.contactUs .left .storefront h3 {
  padding-left: calc(40/16 * 1em);
  position: relative;
}
.contactUs .left .storefront h3::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 0.22rem;
  background: url(../images/address.png) no-repeat center;
  background-size: cover;
  left: 0;
}
.contactUs .left .storefront .storefrontList {
  padding-left: calc(40/18 * 1em);
  margin-top: 0.24rem;
}
.contactUs .left .storefront .storefrontList p {
  color: #000;
}
.contactUs .left .storefront .storefrontList p:not(:nth-last-of-type(1)) {
  margin-bottom: 0.14rem;
}
.contactUs .left .weixin h3 {
  padding-left: calc(40/16 * 1em);
  position: relative;
}
.contactUs .left .weixin h3::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.23rem;
  height: 0.23rem;
  background: url(../images/qrcode.png) no-repeat center;
  background-size: cover;
  left: 0;
}
.contactUs .left .weixin ul {
  margin-top: calc(40/580 * 100%);
  padding-left: calc(40/16 * 1em);
  gap: 0.2rem calc(50/580 * 100%);
}
.contactUs .left .weixin ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contactUs .left .weixin ul li p {
  text-align: center;
  margin-top: 0.1rem;
}
.contactUs .right {
  width: calc(960/1600 * 100%);
  padding-left: calc(85/1600 * 100%);
}
.contactUs .right .intro {
  color: #555555;
  margin-top: calc(75/875 * 100%);
}
.contactUs .right form {
  margin-top: calc(25/875 * 100%);
}
.contactUs .right form .item:not(:nth-last-of-type(1)) {
  margin-bottom: calc(65/875 * 100%);
}
.contactUs .right form .row_2 .inputBox {
  width: calc(420/875 * 100%);
}
.contactUs .right form .inputBox {
  position: relative;
}
.contactUs .right form .inputBox .img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: 0.25rem;
}
.contactUs .right form .inputBox:has(textarea) .img {
  top: calc(0.2rem);
  transform: none;
}
.contactUs .right form input {
  height: 0.72rem;
}
.contactUs .right form textarea {
  padding-top: 0.24rem;
  height: 1.2rem;
  resize: none;
}
.contactUs .right form input,
.contactUs .right form textarea {
  border: none;
  padding-left: calc(45/16 * 1em);
  width: 100%;
  border-bottom: 1px solid #dddddd;
}
.contactUs .right form input::placeholder,
.contactUs .right form textarea::placeholder {
  color: #999;
}
.contactUs .right form input[type="submit"] {
  height: 0.53rem;
  padding: 0 calc(64/16 * 1em);
  box-shadow: 0px 0px 15px 0px rgba(1, 120, 75, 0.5);
  width: auto;
  background-color: #266e53;
  color: #fff;
  transition: 0.3s;
  border-radius: 0.25rem;
  cursor: pointer;
}
.contactUs .right form input[type="submit"]:hover {
  background-color: #fff;
  color: #266e53;
  border: 1px solid #266e53;
}
@media (max-width: 1024px) {
  .contactUs {
    padding: 0.565rem 0 0.75rem;
  }
  .contactUs .left {
    width: 100%;
    padding-right: 0;
    border-right: none;
  }
  .contactUs .left .information {
    margin-top: calc(30/640 * 100%);
    gap: 0.36rem 0;
    position: relative;
  }
  .contactUs .left .information li {
    width: 48.5%;
  }
  .contactUs .left .storefront {
    padding: calc(22.5/580 * 100%) 0 calc(27.5/580 * 100%);
    margin: calc(25/580 * 100%) 0 calc(20/580 * 100%);
  }
  .contactUs .left .weixin ul {
    margin-top: calc(20/580 * 100%);
    gap: 0.2rem calc(25/580 * 100%);
  }
  .contactUs .right {
    width: 100%;
    margin-top: 0.4rem;
    padding-left: 0;
  }
  .contactUs .right .intro {
    margin-top: calc(37.5/875 * 100%);
  }
  .contactUs .right form {
    margin-top: calc(25/875 * 100%);
  }
  .contactUs .right form .item:not(:nth-last-of-type(1)) {
    margin-bottom: calc(32.5/875 * 100%);
  }
}
.ul_sitemap {
  text-align: start;
}
.wow {
  animation-duration: 0.6s;
}

.files .close {
  position: absolute;
  width: 0.27rem;
  cursor: pointer;
  height: 0.27rem;
  border-radius: 50%;
  background-color: #266e53;
  right: 0.3rem;
  top: 0.3rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.files .close::before {
  content: "";
  width: 50%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  transform: rotate(45deg);
}
.files .close::after {
  content: "";
  width: 50%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  transform: rotate(-45deg);
}

.item figure{ position: relative; overflow: hidden}

.img-mid figure{ padding-bottom: 100%;}
.img-mid figure img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover}
.img-mid[rel="full"] figure img{object-fit: contain; -o-object-fit: contain}

.img-zoom figure img{
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.img-zoom .item:hover figure img{ -webkit-transform:scale(1.2);transform:scale(1.2)}



.MapCountry{ background: #f8f8f8;}
.MapCountry .area_desc{padding-top: 1rem; padding-bottom: .5rem; color: #222222; line-height: 1.5}

.MapCountry .area_select{max-width: 7.2rem; color: #222222; padding-bottom: .2rem}
.MapCountry .area_select dl{border-bottom: solid 1px #dddddd;width:27%; padding: .2rem 0}
.MapCountry .area_select select{display: inline-block!important;width:85%; border: none; font-size: .16rem;padding: 0 10px}

.MapCountry .list ul{flex-wrap: wrap;}
.MapCountry .list ul:after{content: '';}
.MapCountry .list ul:after,
.MapCountry .list ul li{width: calc(495/1600 * 100%)}
.MapCountry .list ul li{background: #ffffff;padding: .25rem;margin-top: 3.59375%}
.MapCountry .list figure{padding-bottom:50.565%}
.MapCountry .list .info{padding: .2rem 0; position: relative}
.MapCountry .list .info h4{font-weight: normal; color: #222222; flex: 1}
.MapCountry .list .info .map{background-color: #f8f8f8; border-radius: 20px;padding: .06rem .08rem;transition: 0.5s; display: none;}
.MapCountry .list .info .map:before{content: '';display: inline-block; vertical-align: middle;width: .19rem; height: .19rem; margin-right: .08rem; background: url("../images/map_icon3.svg") no-repeat center center;transition: 0.5s}
.MapCountry .list .info .map:hover{background-color: #266e53; color: #fff}
.MapCountry .list .info .map:hover:before{transform: rotate(180deg);filter: brightness(0) invert(1);}
.MapCountry .list .info p{background: no-repeat left 3px;  padding-left: .3rem; margin-top: .1rem; line-height:20px}
.MapCountry .list .info p:nth-child(1){background-image: url("../images/map_icon1.svg")}
.MapCountry .list .info p:nth-child(2){background-image: url("../images/map_icon2.svg")}
.MapCountry .Page001726{padding: 1rem 0}

@media(max-width:768px){
.MapCountry .list ul li{width:100%;}
.MapCountry .list .info p{background-size: .18rem;}
.MapCountry .list .info .map{position: absolute; right: 5px; bottom:5px;}
}

.customer{padding: 1rem 0}


.CbrandHonor .title{text-align: center; color: #222222; padding-bottom: .3rem}

.CbrandHonor .pic{position: relative; }
.CbrandHonor .pic img { width: 100%; height: 100%;position: absolute; left: 0; top: 0;right: 0;bottom: 0; margin: auto; object-fit:contain; -webkit-object-fit: contain;}

.honorSeries#series1{padding: 1rem 0;background:#eaf0f4 url("../images/honor_bg.jpg") no-repeat center bottom; background-size: 100% 100%}
.honorSeries#series1 .w1600{max-width: 1460px; margin: auto}
.honorSeries#series1 .swiper {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.honorSeries#series1 .swiper { width: 100%;}
.honorSeries#series1 .swiper-slide { width: 502px; height: auto;  transform-origin: bottom center; max-width: 100%;}
.honorSeries#series1 .mySwiper { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;}
.honorSeries#series1 .swiper-wrapper {align-items: flex-end; padding: .35rem 0;}
.honorSeries#series1 .item{padding:5.8%; background: #f4f8fa; border-radius: 10px; box-shadow: 0 0 .35rem rgba(0,0,0,0.15)}
.honorSeries#series1 .pic{padding-bottom:69%;}
.honorSeries#series1 .txt{display: none}
.honorSeries#series1 .swiper-button-prev,
.honorSeries#series1 .swiper-button-next{display: none}

.honorSeries:not(#series1){padding-top: 1rem;}
.honorSeries:not(#series1) .swiper {width: 100%; margin-left: auto;margin-right: auto;}
.honorSeries:not(#series1) .swiper-wrapper{}
.honorSeries:not(#series1) .group {display: flex;flex-wrap: wrap; padding:0 .6rem; width: 94%; margin: auto}
.honorSeries:not(#series1) .group .item{width: 33.333%}
.honorSeries:not(#series1) .pic{background: url("../images/honor_imgbg.png") no-repeat center top; background-size: 100%; width:83.455%; padding-bottom:64.597%; margin: auto; z-index: 2}
.honorSeries:not(#series1) .pic img{ width:90%; height:76%; top:-9.5%;}
.honorSeries:not(#series1) .txt{background: url("../images/honor_boxbg.png") repeat-x center top;background-size: 100%; height: 1.75rem; margin-top: -15%; position: relative}
.honorSeries:not(#series1) .txt h4{opacity: 0; text-align: center; font-weight: normal}
.honorSeries:not(#series1) .txt:before,
.honorSeries:not(#series1) .txt:after{content: '';width:32.515%; height: 100%;position: absolute; top: 0; background: no-repeat; background-size: 100%}
.honorSeries:not(#series1) .swiper-pagination{display: none}
@media(min-width:768px){
.honorSeries:not(#series1) .item:nth-child(6n+1) .txt:before,
.honorSeries:not(#series1) .item:nth-child(6n+4) .txt:before{left:-.5rem; background-image: url("../images/honor_boxbgL.png"); background-position: left top;}
.honorSeries:not(#series1) .item:nth-child(6n+3) .txt:after,
.honorSeries:not(#series1) .item:nth-child(6n+6) .txt:after,
.honorSeries:not(#series1) .item:last-child .txt:after{right:-.5rem; background-image: url("../images/honor_boxbgR.png"); background-position: right top;}
.honorSeries:not(#series1) .item:nth-child(6n+1),
.honorSeries:not(#series1) .item:nth-child(6n+2),
.honorSeries:not(#series1) .item:nth-child(6n+3){transform: translateY(.3rem)}
}
@media(max-width:768px){
.honorSeries:not(#series1) .txt{height: 1.2rem}
.honorSeries:not(#series1) .group .item{width:50%}
.honorSeries:not(#series1) .item:nth-child(odd) .txt:before{left:-.5rem; background-image: url("../images/honor_boxbgL.png"); background-position: left top;}
.honorSeries:not(#series1) .item:nth-child(even) .txt:after,
.honorSeries:not(#series1) .item:last-child .txt:after{right:-.5rem; background-image: url("../images/honor_boxbgR.png"); background-position: right top;}
}