@charset "UTF-8";

.cssanimations .anim_emt,
.cssanimations .anim_group .anim_item {
  visibility: hidden;
}

.cssanimations .anim_emt.visb,
.cssanimations .anim_group .anim_item.visb {
  visibility: inherit;
}

.anim_emt.start {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.anim_emt.start.scale_up {
  -webkit-animation-name: mk_scale;
  animation-name: mk_scale;
}

.anim_emt.start.fade_in {
  -webkit-animation-name: mk_fade;
  animation-name: mk_fade;
}

.anim_emt.start.r_to_l {
  -webkit-animation-name: mk_right_to_left;
  animation-name: mk_right_to_left;
}

.anim_emt.start.l_to_r {
  -webkit-animation-name: mk_left_to_right;
  animation-name: mk_left_to_right;
}

.anim_emt.start.t_to_b {
  -webkit-animation-name: mk_top_to_bottom;
  animation-name: mk_top_to_bottom;
}

.anim_emt.start.b_to_t {
  -webkit-animation-name: mk_bottom_to_top;
  animation-name: mk_bottom_to_top;
}

.slide_anim {
  visibility: hidden;
}

.slide_anim.start {
  visibility: visible;
}

.slide_anim.b_to_t.start {
  -webkit-animation: mk_bottom_to_top 1s;
  animation: mk_bottom_to_top 1s;
}

.anim_emt.palx_img.start {
  overflow: hidden;
  -webkit-animation-name: tt_palx_wrap;
  animation-name: tt_palx_wrap;
}

.anim_emt.palx_img.start .img-wrap {
  -webkit-animation: tt_palx_img 1s;
  animation: tt_palx_img 1s;
}

@-webkit-keyframes tt_palx_wrap {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes tt_palx_wrap {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes tt_palx_img {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes tt_palx_img {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes loader {
  to {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

@keyframes loader {
  to {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

@-webkit-keyframes loader_dash {
  from {
    stroke-dasharray: 0 150;
    stroke-dashoffset: 0;
  }

  to {
    stroke-dasharray: 100 150;
    stroke-dashoffset: -140;
  }
}

@keyframes loader_dash {
  from {
    stroke-dasharray: 0 150;
    stroke-dashoffset: 0;
  }

  to {
    stroke-dasharray: 100 150;
    stroke-dashoffset: -140;
  }
}

@-webkit-keyframes line_w100 {
  to {
    left: 100%;
  }
}

@keyframes line_w100 {
  to {
    left: 100%;
  }
}

@-webkit-keyframes rotate_360 {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate_360 {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes fade_out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fade_out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fade_in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade_in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade_out_in {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

@keyframes fade_out_in {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

@-webkit-keyframes mk_scale {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes mk_scale {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes mk_fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes mk_fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes mk_left_to_right {
  0% {
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes mk_left_to_right {
  0% {
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes mk_right_to_left {
  0% {
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes mk_right_to_left {
  0% {
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes mk_bottom_to_top {
  0% {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes mk_bottom_to_top {
  0% {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes mk_top_to_bottom {
  0% {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes mk_top_to_bottom {
  0% {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes mk_spt {
  0% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes mk_spt {
  0% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.js-m {
  opacity: 0;
  -webkit-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -webkit-transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
  transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
}

.js-m.animate {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.js-m-2-1 {
  opacity: 0;
  -webkit-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -webkit-transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
  transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
}

.js-m-2-1.animate {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.a-del1 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.a-del2 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.a-del3 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.a-del4 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.a-del5 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.a-del6 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.a-del7 {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.a-del8 {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.a-del9 {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.a-del10 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.a-dur1 {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

.a-dur2 {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

.a-dur3 {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.a-dur4 {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}

.a-dur5 {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

.a-dur6 {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.a-dur7 {
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}

.a-dur8 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.a-dur9 {
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
}

.a-dur10 {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
}

.a-dur11 {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
}

.a-dur12 {
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
}

.a-dur13 {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

.a-dur14 {
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
}

.a-dur15 {
  -webkit-animation-duration: 1.7s;
  animation-duration: 1.7s;
}

.a-dur16 {
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
}

.a-dur17 {
  -webkit-animation-duration: 1.9s;
  animation-duration: 1.9s;
}

.a-dur18 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.t-del1 {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.t-del2 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.t-del3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.t-del4 {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.t-del5 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.t-del6 {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.t-del7 {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.t-del8 {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.t-del9 {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.t-del10 {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

/*弹性盒样式*/
.f-no {
  display: flex;
  flex-flow: row wrap;
}

.f-no-b-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.f-no-b-start {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.f-no-b-stretch {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}

.f-no-c-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.f-no-c-start {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
}

.f-no-c-stretch {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
}

.f-no-s-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

.f-no-s-end {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-end;
}

.f-no-s-stretch {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.f-no-end-start {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}

.f-no-col {
  display: flex;
  flex-flow: column wrap;
}

.f-no-col-b-center {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center;
}

.f-no-col-c-center {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}

.f-no-col-s-center {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center;
}

.f-no-col-s-end {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-end;
}

.f-no-col-c-start {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
}

.f-no-col-b-start {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.f-no-col-end-start {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-end;
  align-items: flex-start;
}

.f-no-col-s-start {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.line-1 {
  line-height: 1.1;
}

.line-2 {
  line-height: 1.2;
}

.line-3 {
  line-height: 1.3;
}

.line-4 {
  line-height: 1.4;
}

.line-5 {
  line-height: 1.5;
}

.line-6 {
  line-height: 1.6;
}

.line-7 {
  line-height: 1.7;
}

.line-8 {
  line-height: 1.8;
}

.line-9 {
  line-height: 1.9;
}

.line-10 {
  line-height: 2;
}

.line-11 {
  line-height: 2.1;
}

.line-12 {
  line-height: 2.2;
}

.col-888 {
  color: #888;
}

.text-bold {
  font-weight: bold;
}

.text-center {
  text-align: center;
}

.csy-list1 {}

.csy-list1 .bg {
  width: 100%;
}

.csy-list1 .img {
  position: absolute;
  right: 0;
  top: 16vh;
  width: 62%;
  z-index: 2;
}

.csy-list1 .logo {
  position: absolute;
  top: 41.66vh;
  left: calc(50vw - 640px);
  z-index: 3;
}

.csy-list1 .more-span {
  position: absolute;
  top: 90vh;
  left: calc(50vw - 640px);
  z-index: 2;
}

.csy-list1 .more-span .span {
  line-height: 1.875;
  position: relative;
  padding-left: 1rem;
}

.csy-list1 .more-span .icon {
  position: absolute;
  content: "";
  width: 0.525rem;
  height: 0.75rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  /* background: url(../img/btns.png) no-repeat center; */
  /* background-size: 100%; */
}

.csy-list1 .more-span .icon svg {
  height: 0.75rem;
}

.csy-list1 .warpbox {
  width: 1520px;
  top: 110vh;
  left: 50%;
  margin-left: -760px;
  border: 2px solid rgba(255, 255, 255, .2);
  border-radius: .5rem;
  position: absolute;
  z-index: 5;
  padding: 2.75rem;
  background: rgba(0, 0, 0, .2);
}

.csy-list1 .warpbox:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 4.5rem;
  top: 50%;
  margin-top: -2.25rem;
  left: -3.5px;
  background: #2f96dd;
  z-index: 3;
}

.csy-list1 .warpbox:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 4.5rem;
  top: 50%;
  margin-top: -2.25rem;
  background: #2f96dd;
  right: -3.5px;
  z-index: 3;
}

.csy-list1 .warpbox .ul {
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.csy-list1 .warpbox .icon {
  height: 2rem;
  width: 2rem;
}

.csy-list1 .warpbox .icon img {
  max-height: 100%;
}

.csy-list1 .warpbox .li {
  width: 28%;
  position: relative;
}

.csy-list1 .warpbox .li .tit6 {}

.csy-list1 .warpbox .li:nth-child(1) {
  width: 29%;
}

.csy-list1 .warpbox .li:nth-child(2) {
  width: 35%;
}

.csy-list1 .warpbox .li:nth-child(3) {
  max-width: 29%;
}

.csy-list1 .warpbox .li:nth-child(1):before {
  content: "";
  position: absolute;
  width: 1px;
  border-right: 1px dashed rgba(47, 150, 221, .1);
}

.csy-list1 .warpbox .titbox {
  width: calc(100% - 3rem);
  margin-left: 1rem;
}

.csy-list1 .warpbox .titbox .tit3 {
  margin-bottom: .2rem;
}

.csy-list1 .warpbox .ul2 {
  padding-top: 2rem;
}

.csy-list2 {
  position: relative;
  z-index: 2;
  padding: 2.25rem 0 0;
  background: linear-gradient(0deg, #161618 0%, #EBECEE 45%, #7B7B83 100%);
}

.csy-list2 .contentbox {
  width: calc(50vw + 640px);
  margin-left: calc(50vw - 640px);
}

.csy-list2 .contentbox .leftbox {
  width: 12.5rem;
}

.csy-list2 .contentbox .leftbox .icon {
  width: 1.5rem;
  margin-bottom: .5rem;
}

.csy-list2 .contentbox .leftbox .tit2 {
  margin-bottom: 2.5rem;
}

.csy-list2 .contentbox .leftbox .tit3 {
  margin-bottom: .35rem;
}

.csy-list2 .contentbox .rightbox {
  width: calc(100% - 14rem);
  position: relative;
  z-index: 2;
}

.csy-list2 .contentbox .rightbox .img1 {
  position: relative;
  z-index: 2;
}

.csy-list2 .contentbox .rightbox .line {
  position: absolute;
  z-index: 1;
  width: 65%;
  left: 4%;
  top: 8.25rem;
}

.csy-list2 .contentbox2 {
  width: 1520px;
  max-width: 88%;
  margin: 6rem auto 0;
}

.csy-list2 .contentbox2 .text {
  position: absolute;
  left: 3rem;
  top: 50%;
  transform: translate(0, -50%);
  font-weight: bold;
  z-index: 1;
}

.csy-list2 .contentbox2 .text span {
  color: #9ed0f2;
}

.csy-list2 .contentbox2 .warp .che {
  position: absolute;
  top: -4.5rem;
  width: 13.75rem;
  left: 30%;
  z-index: 0;
}

.csy-list2 .contentbox2 .warp .line {
  position: absolute;
  right: 1.5rem;
  bottom: 0;
  z-index: 3;
}

.csy-list2 .contentbox3 {
  position: relative;
  z-index: 4;
  width: calc(50vw + 640px);
  margin-right: calc(50vw - 640px);
}

.csy-list2 .contentbox3 .img {
  width: 50%;
}

.csy-list2 .contentbox3 .text {
  max-width: 40%;
  padding-right: 1.75rem;
  position: relative;
}

.csy-list2 .contentbox3 .text .tip {
  position: absolute;
  right: 0;
  top: -.3rem;
  height: .75rem;
  z-index: 2;
}

.csy-list2 .contentbox3 .text .tit3 {
  margin-bottom: 2.85rem;
  text-align: right;
}

.csy-list2 .contentbox3 .text .tit4 {
  text-align: right;
  margin-bottom: 1rem;
}

.csy-list2 .contentbox3 .text .tit5 {
  text-align: right;
}

.csy-list2 .contentbox4 {
  position: relative;
  z-index: 4;
}

.csy-list2 .contentbox4 .title .tip {
  margin-bottom: .4rem;
  height: .75rem;
}

.csy-list2 .contentbox4 .ul {
  margin-top: 2.25rem;
  width: 100%;
}

.csy-list2 .contentbox4 .ul .li {
  width: 25%;
  padding: 0 3%;
  position: relative;
}

.csy-list2 .contentbox4 .ul .li .icon {
  width: 1.55rem;
  height: 1.55rem;
}

.csy-list2 .contentbox4 .ul .li .p {
  margin-top: .5rem;
}

.csy-list2 .contentbox4 .ul .li:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 1.25rem;
  top: 0.25rem;
  right: 0;
  border-right: 1px dashed rgb(170, 187, 206);
}

.csy-list2 .contentbox4 .ul .li:nth-child(4n):before {
  display: none;
}

.csy-list2 .contentbox4 .cheimg {
  margin-top: 1.7rem;
}

.csy-list2 .contentbox5 {
  width: calc(50vw + 640px);
  margin-left: calc(50vw - 640px);
  padding-bottom: 12.5rem;
  position: relative;
  z-index: 4;
}

.csy-list2 .contentbox5 .text {
  width: 15rem;
}

.csy-list2 .contentbox5 .text .tit2 {
  font-size: 2.5rem;
  position: relative;
  display: inline-block;
}

.csy-list2 .contentbox5 .text .tit2 .tip {
  position: absolute;
  right: -2rem;
  top: -.3rem;
  height: .75rem;
  z-index: 2;
}

.csy-list2 .contentbox5 .text .tit3 {
  margin-top: 2.2rem;
}

.csy-list2 .contentbox5 .text .tit3 strong {
  color: #4aaedd;
}

.csy-list2 .contentbox5 .botimg {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 88%;
}

.csy-list2 .warp-contbg .bgimg1 {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  top: 0;
  z-index: 2;
}

.csy-list2 .warp-contbg .bgimg2 {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  top: 0;
  z-index: 3;
}

.csy-list3 {
  position: relative;
  padding-top: 4.5rem;
  z-index: 1;
}

.csy-list3 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  z-index: 1;
}

.csy-list3 .contentbox {
  padding: 0 6%;
  position: relative;
  z-index: 3;
}

.csy-list3 .contentbox .tit2 {
  background: linear-gradient(-17deg, #5FC0DE 0%, #1F88DD 100%);
  color: transparent;
  -webkit-background-clip: text;
  margin-bottom: 2rem;
}

.csy-list3 .contentbox .tit5 {
  margin-top: .4rem;
  color: rgba(255, 255, 255, .75);
}

.csy-list3 .contentbox .botimg {
  margin: 2.5rem auto 0;
  display: block;
}

.csy-list4 {
  padding: 7.25rem 0 0;
  position: relative;
  z-index: 2;
}

.csy-list4 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  z-index: 1;
}

.csy-list4 .contentbox {
  position: relative;
  z-index: 3;
}

.csy-list4 .contentbox .img {
  width: 34.375%;
  border-radius: .55rem;
}

.csy-list4 .contentbox .text {
  max-width: 46.875%;
}

.csy-list4 .contentbox .text .tit3 {
  margin-top: 1.85rem;
}

.csy-list4 .contentbox .text .tip {
  margin-left: .25rem;
  height: .75rem;
}

.csy-list4 .contentbox .text .tit2 {}

.csy-list4 .contentbox2 {
  width: calc(50vw + 640px);
  margin-left: calc(50vw - 640px);
  margin-top: 6rem;
  position: relative;
  z-index: 4;
}

.csy-list4 .contentbox2 .text {
  width: 16rem;
}

.csy-list4 .contentbox2 .text .tip {
  margin-left: .25rem;
  height: .75rem;
}

.csy-list4 .contentbox2 .text .tit2 {
  margin-bottom: 1.65rem;
}

.csy-list4 .contentbox2 .text .tit4 {
  margin-bottom: .4rem;
}

.csy-list4 .contentbox2 .img {
  width: calc(100% - 15rem);
  margin-top: 6.25rem;
  margin-left: -1rem;
}

.csy-list4 .contentbox2 .img1 {
  position: relative;
  z-index: 3;
}

.csy-list4 .contentbox2 .img .img2 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 90%
}

.csy-list4 .contentbox3 {
  position: relative;
  padding-bottom: 1.5rem;
  z-index: 3;
}

.csy-list4 .contentbox3 .tit3 {
  margin-top: 1.25rem;
}

.csy-list4 .contentbox3 .tit2 .tip {
  margin-left: .3rem;
  height: .75rem;
}

.csy-list4 .contentbox3 .imgbox {}

.csy-list4 .contentbox3 .imgbox .num {
  position: absolute;
  left: 50%;
  height: 5.8rem;
  top: 3.5rem;
  transform: translate(-50%, 0);
}

.csy-list4 .contentbox3 .imgbox .img3 {
  position: relative;
  z-index: 3;
}

.csy-list4 .contentbox3 .tit3 span {
  color: #278DDD;
}

.zw1320 {
  width: 1440px;
  max-width: 90%;
  margin: 0 auto;
}

.mia-list1 {
  position: relative;
  z-index: 3;
  background: #e7d7c9;
}

.mia-list1 .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}

.mia-list1 .img {
  z-index: 2;
}

.mia-list1 .contentbox {
  padding-top: 16vh;
  position: relative;
  z-index: 3;
}

.mia-list1 .contentbox .leftbox {
  width: 40.625%;
  margin-top: 4rem;
}

.mia-list1 .contentbox .img {
  width: 58%;
}

.mia-list1 .logo {
  position: relative;
  z-index: 3;
}

.mia-list1 .ul {
  width: 100%;
  background: #764b39;
  padding: .55rem 0;
  border-radius: .5rem;
  /*margin-top:4.25rem;*/
  position: relative;
  top: -6rem;
  margin-bottom: 2rem;
}

.mia-list1 .ul .li {
  width: 33.3%;
  padding: 0 3%;
}

.mia-list1 .ul .li .icon {
  width: 1.55rem;
  height: 1.55rem;
  margin-bottom: .2rem;
}

.mia-list1 .ul .li .icon img {
  max-height: 100%;
}

.mia-list1 .ul .li .tit6 {
  color: #E5B6A3;
}

.miacol1 {
  color: #724f41;
}

.col-000 {
  color: #000;
}

.col-111 {
  color: #111;
}

.col-222 {
  color: #222;
}

.col-333 {
  color: #333;
}

.tran-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mia-list2 {
  position: relative;
  z-index: 4;
  background: #e7d7c9;
}

.mia-list2 .contentbox .leftbox {
  width: 48.7%;
  margin-top: -4.5rem;
}

.mia-list2 .contentbox .rightbox {
  width: 50%;
  margin-top: 0;
}

.mia-list2 .contentbox .rightbox .tit3 {
  margin-bottom: 1.75rem;
}

.mia-list2 .contentbox .rightbox .li {
  margin-bottom: .7rem;
}

.mia-list2 .contentbox .rightbox .lileft {
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.mia-list2 .contentbox .rightbox .lileft:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(114, 79, 65, .1);
}

.mia-list2 .contentbox .rightbox .lileft:after {
  content: "";
  position: absolute;
  width: 1.75rem;
  height: 1.75rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(114, 79, 65, 1);
  border-radius: 50%;
}

.mia-list2 .contentbox .rightbox .lileft .line {
  width: .52rem;
  height: 2px;
  background: #fff;
  margin-top: .1rem;
  position: relative;
  z-index: 3;
}

.mia-list2 .contentbox .rightbox .lileft span {
  position: relative;
  z-index: 3;
}

.mia-list2 .contentbox .rightbox .liright {
  width: calc(100% - 3.2rem);
}

.mia-list2 .contentbox .rightbox .liright .tit4 {
  margin-top: .25rem;
}

.mia-list2 .contentbox2 {
  flex-flow: row-reverse wrap;
}

.mia-list2 .contentbox2 .leftbox {
  width: 80%;
  margin-left: -10%;
  position: relative;
}

.mia-list2 .contentbox2 .rightbox {
  width: 30%;
  margin-top: 5.5rem;
}

.mia-list2 .contentbox2 .rightbox .tit4 {
  margin-top: 1.2rem;
}

.mia-list2 .contentbox2 .leftbox .dian {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  z-index: 3;
}

.mia-list2 .contentbox2 .leftbox .dian1 {
  left: 35%;
  top: 29%;
}

.mia-list2 .contentbox2 .leftbox .dian2 {
  left: 59%;
  top: 42%;
}

.mia-list2 .contentbox2 .leftbox .dian3 {
  left: 41%;
  top: 65%;
}

.mia-list2 .contentbox3 {
  width: calc(50vw + 640px);
  margin-top: 1rem;
  /*margin-right:calc(50vw - 640px);*/
  position: relative;
  z-index: 4;
}

.mia-list2 .contentbox3 .leftbox {
  width: 53%;
}

.mia-list2 .contentbox3 .quan {
  width: 88%;
  left: -2.5rem;
}

.mia-list2 .contentbox3 .quan .img1 {
  position: relative;
  z-index: 2;
}

.mia-list2 .contentbox3 .quan .img2 {
  width: 94%;
  top: 0;
  left: .65rem;
  z-index: 3;
}

.mia-list2 .contentbox3 .leftbox .img3 {
  position: absolute;
  left: 2rem;
  top: 13%;
  width: 88%;
  z-index: 4;
}

.mia-list2 .contentbox3 .leftbox .num {
  width: 3.25rem;
  height: 3.25rem;
  position: absolute;
  right: 5rem;
  bottom: 3rem;
  z-index: 5;
}

.mia-list2 .contentbox3 .rightbox {
  width: 37.5%;
  margin-top: 5rem;
}

.mia-list2 .contentbox3 .rightbox .tip {
  background: #735041;
  height: 70px;
  border-radius: 35px;
  padding: 0 .75rem;
  display: inline-flex;
  margin-top: 2.5rem;
}

.mia-list2 .contentbox3 .rightbox .tit4 {
  margin-top: 1.4rem;
}

.mia-list2 .contentbox4 {
  width: calc(50vw + 640px);
  margin-top: 1rem;
  margin-left: calc(50vw - 640px);
  position: relative;
  z-index: 4;
}

.mia-list2 .contentbox4 {
  flex-flow: row-reverse wrap;
}

.mia-list2 .contentbox4 .rightbox {
  width: 37.5%;
  margin-top: 4rem;
}

.mia-list2 .contentbox4 .leftbox {
  width: 74%;
  margin-right: -14%;
}

.mia-list2 .contentbox4 .leftbox .img1 {
  position: relative;
  z-index: 1;
}

.mia-list2 .contentbox4 .leftbox .img2 {
  position: absolute;
  right: -.9rem;
  top: -20%;
  z-index: 3
}

.mia-list2 .contentbox4 .leftbox .num {
  width: 3.25rem;
  height: 3.25rem;
  position: absolute;
  left: -.5rem;
  top: 2rem;
  z-index: 5;
}

.mia-list2 .contentbox4 .rightbox .tip {
  background: #735041;
  height: 70px;
  border-radius: 35px;
  padding: 0 .75rem;
  display: inline-flex;
}

.mia-list2 .contentbox4 .rightbox .tit4 {
  margin-top: 1.4rem;
}

.mia-list2 .contentbox5 {
  width: calc(50vw + 640px);
  margin-top: -2.85rem;
  /*margin-right:calc(50vw - 640px);*/
  position: relative;
  z-index: 4;
}

.mia-list2 .contentbox5 .leftbox {
  width: 51.74%;
}

.mia-list2 .contentbox5 .leftbox .img1 {
  position: relative;
  z-index: 1;
}

.mia-list2 .contentbox5 .leftbox .img2 {
  position: absolute;
  left: 0;
  top: 1rem;
  z-index: 3
}

.mia-list2 .contentbox5 .leftbox .num {
  width: 3.25rem;
  height: 3.25rem;
  position: absolute;
  right: -1rem;
  top: -1.85rem;
  z-index: 5;
}

.mia-list2 .contentbox5 .rightbox {
  width: 40.4%;
}

.mia-list2 .contentbox5 .rightbox .tip {
  background: #735041;
  height: 70px;
  border-radius: 35px;
  padding: 0 .75rem;
  display: inline-flex;
}

.mia-list2 .contentbox5 .rightbox .tit4 {
  margin-top: 1.4rem;
}

.mia-list2 .contentbox6 {
  width: calc(50vw + 640px);
  margin-top: 2.5rem;
  margin-left: calc(50vw - 640px);
  position: relative;
  z-index: 4;
}

.mia-list2 .contentbox6 {
  flex-flow: row-reverse wrap;
}

.mia-list2 .contentbox6 .rightbox {
  width: 37.5%;
  margin-top: 2rem;
}

.mia-list2 .contentbox6 .leftbox {
  width: 74%;
  margin-right: -12%;
}

.mia-list2 .contentbox6 .leftbox .img1 {
  position: relative;
  z-index: 1;
}

.mia-list2 .contentbox6 .leftbox .img2 {
  position: absolute;
  right: -.6rem;
  top: -3%;
  z-index: 3
}

.mia-list2 .contentbox6 .leftbox .num {
  width: 3.25rem;
  height: 3.25rem;
  position: absolute;
  left: .5rem;
  top: 2rem;
  z-index: 5;
}

.mia-list2 .contentbox6 .rightbox .tip {
  background: #735041;
  min-height: 70px;
  border-radius: 35px;
  padding: 0.5rem .75rem;
  display: inline-flex;
}

.mia-list2 .contentbox6 .rightbox .tit4 {
  margin-top: 1.4rem;
}

.mia-list2 .contentbox7 {
  padding-top: 2.5rem;
  padding-bottom: 3.2rem;
}

.mia-list2 .contentbox7 .title {
  margin-bottom: 2rem;
}

.mia-list2 .contentbox7 .ul .li {
  border-radius: .5rem;
  overflow: hidden;
  height: 16.75rem;
  width: 17.8%;
  position: relative;
  transition: all .6s 0s;
}

.mia-list2 .contentbox7 .ul .li.cur {
  width: 43.75%;
}

.mia-list2 .contentbox7 .ul .li .bg {
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

.mia-list2 .contentbox7 .ul .li.cur .bg {
  width: 29.2vw;
  object-fit: cover;
}

.mia-list2 .contentbox7 .ul .li .text {
  padding: 1.5rem .7rem;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 6;
  transition: all .6s;
}

.mia-list2 .contentbox7 .ul .li.cur .text {
  padding: 1.5rem;
}

.mia-list2 .contentbox7 .ul .li .tit4 {
  margin-top: .7rem;
  opacity: 0;
  transform: translate(0, 20px);
  transition: all .6s 0s;
}

.mia-list2 .contentbox7 .ul .li:hover .tit4 {
  opacity: 1;
  transform: translate(0, 0);
  transition: all .6s 0.3s;
}

.miapor1 .svgtexts {
  background: #735041;
}

.miapor1 .svgtexts span {
  background: none;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

.pro-svg-list .miapor2 {
  padding-top: 4.5rem;
  padding-bottom: 4rem;
  background: #e7d7c9;
}

.pro-svg-list .miapor2 .items .words {
  background: #fff;
}

.miapor2 .items .words .tits {
  line-height: 1.4;
}

.pro-svg-list .miapor2 .swiper-container .swiper-scrollbar-drag {
  background: rgba(155, 104, 84, 1);
}

.miapor3 {
  background: rgba(231, 215, 201, 1);
}

.miapor3 .pro-btn-list .icons:before {
  background: url(../mia/img15.png) no-repeat center;
  background-size: 100% 100%;
}

.miapor3 .pro-btn-list .icons {
  color: #333;
}

.miapor4 {
  background: #e7d7c9;
  margin-top: -3rem;
  position: relative;
  z-index: 3;
}

.miapor4 .con-flex {
  background: rgba(149, 100, 81, 1);
}

.miapor4 .lis .txts {
  color: rgba(229, 182, 163, 1);
  /* color: rgba(255, 255, 255, .7); */
  /* color: #ffefdd; */
}

.pro-list-13 .lis:before {
  border-left: 2px dashed rgba(255, 255, 255, 0.3);
}

.ctypor1 .bgs {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.ctypor1 .svgtexts {
  z-index: 4;
  background: transparent;
  transform: scale(2.2);
}

.miapor1 .svgtexts {
  transform: scale(2.2);
}

.ctypor1 .svgtexts span {
  background: none;
  color: #161616;
  -webkit-text-fill-color: #161616;
}

.pro-svg-list .ctypor2 .items .words {
  background: #1C1D1D;
}

.pro-svg-list .ctypor2 {
  padding-top: 4.25rem;
}

.ctypor4 {
  background: #000;
  margin-top: -3rem;
  position: relative;
  z-index: 3;
}

.ctypor4 .con-flex {
  background: #1d1f27;
}

.ctypor3 .pro-btn-list .icons:before {
  background: url(../csy/img18.png) no-repeat center;
  background-size: 100% 100%;
}

.pro-list-13 .lis:nth-child(5n+1):before {
  border-left: none;
}

.csy-list2 .contentbox4 .cheimg .dian {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  z-index: 3;
}

.csy-list2 .contentbox4 .cheimg .dian1 {
  left: 33%;
  top: 30%;
}

.csy-list2 .contentbox4 .cheimg .dian2 {
  left: 55%;
  top: 44%;
}

.csy-list2 .contentbox4 .cheimg .dian3 {
  left: 39%;
  top: 69%;
}

.h8list1 {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.h8list1 .leftbox {
  width: 55.4%;
}

.h8list1 .rightbox {
  width: 60%;
  position: relative;
  z-index: 1;
  margin-right: -16%;
}

.h8list1 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  object-fit: cover;
}

.h8list1 .contentbox {
  padding-top: 2.65rem;
  position: relative;
  z-index: 2;
}

.h8list1 .contentbox .leftbox {
  margin-top: -4rem;
}

.h8list1 .more-span {
  bottom: 6rem;
}

.h8list2 {
  padding: 3.2rem 0 5rem;
  background: #fff;
}

.h8list2 .tits {
  color: #070707;
}

.h8list2 .txts {
  color: #070707;
}

.h8list2 .wraps .k:before {
  height: 1.5rem !important;
}

.h8warpbox1 {
  background: url(../h8/img5bg.png) no-repeat center center;
  background-size: cover;
  position: relative;
  z-index: 2;
}

.h8list3 {
  padding-top: 3.5rem;
}

.h8list3 .tits .span {
  color: #402329;
  background: transparent !important;
  -webkit-text-fill-color: #402329 !important;
}

.h8list3 .txts {
  margin-top: .85rem;
}

.h8list3 .txts .span {
  color: #402329;
  background: transparent !important;
  -webkit-text-fill-color: #402329 !important;
}

.h8list3 .numbers .nums {
  color: #fff;
  align-items: flex-start;
}

.h8list3 .tit-bots .tit-bots-01 {
  color: #402329;
}

.h8list3 .tit-bots {
  margin-top: -6.55rem;
}

.h8list3 .tit-bots .tit-bots-01 {
  line-height: 1.6;
}

.h8list3 .tit-bots-list .li .icons {
  background: transparent;
}

.h8list3 .tit-bots-list .li .texts .ctxts span {
  background: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #402329;
}

.h8list3 .tit-bots-list .li:before {
  border-left: 2px dashed rgba(55, 55, 55, .2);
}

.h8list4 .images {
  width: 72.125%;
  margin-left: -20%;
}

.h8list4 .tits .span {
  background: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #402329;
}

.h8list4 .texts {
  margin-top: 1.25rem;
}

.h8list4 .uls .icons {
  height: 1.75rem;
}

.h8list4 .uls .icons img {
  max-height: 100%;
}

.h8list4 .tit-bots-list .li .wens {
  margin-top: .5rem;
}

.h8list4 .tit-bots-list .li .wens span {
  margin-bottom: .25rem;
  display: block;
}

.pro-list-03 .uls {
  flex-wrap: nowrap;
}

.pro-list-03 .uls .lis:first-child {
  margin-right: .25rem;
}

.pro-list-03 .uls .wens span {
  display: block;
  margin-bottom: .4rem;
}

.h8col1 {
  color: #402329;
}

.h8list5 {
  background: #fff;
  padding: 3.65rem 3.4rem 4.25rem;
  position: relative;
  z-index: 2;
}

.h8list5 .tit3 {
  margin-top: 1.2rem;
  font-weight: 300;
}

.h8list5 .tit3 span {
  background: linear-gradient(0deg, #FF4200 0%, #E1B100 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.h8list5 .ul {
  width: 930px;
  max-width: 88%;
  margin: 2.65rem auto 0;
}

.h8list5 .ul .li {
  width: 33.3%;
  position: relative;
  z-index: 3;
}

.h8list5 .ul .li:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 1.25rem;
  border-right: 1px dashed #402329;
  top: 10%;
  right: 0;
}

.h8list5 .ul .li:last-child:before {
  display: none;
}

.h8list5 .ul .p {
  margin-top: .65rem;
}

.h8list5 .ul2 {
  margin-top: 2.5rem;
}

.h8list5 .ul2 .li {
  width: 45.25%;
  height: 21rem;
  position: relative;
}

.h8list5 .ul2 .li:nth-child(2) {
  height: 24.7rem;
  margin-top: 1.15rem;
}

.h8list5 .ul2 .li .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
  position: relative;
  z-index: 2;
}

.h8list5 .ul2 .li .txtbox {
  position: absolute;
  padding: 2.25rem 1.5rem 1.5rem;
  z-index: 3;
}

.h8list5 .ul2 .li:nth-child(1) .txtbox {
  left: 0;
  top: 0;
}

.h8list5 .ul2 .li:nth-child(2) .txtbox {
  bottom: 0;
  right: 0;
}

.h8list5 .ul2 .li .tit5 {
  margin-top: .25rem;
  font-weight: 300;
}

.w300 {
  font-weight: 300;
}

.h8list6 {
  position: relative;
  overflow: hidden;
}

.h8warpbox2 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.h8list6 .itembox {
  width: calc(50vw + 640px);
  margin-left: calc(50vw - 640px);
  position: relative;
  z-index: 4;
}

.h8list6 .leftbox {
  width: 38%;
}

.h8list6 .leftbox .tit3 {
  margin-top: 1.2rem;
}

.h8list6 .leftbox .ul {
  margin-top: 3rem;
  width: 100%;
}

.h8list6 .leftbox .ul .li {
  width: calc((100% - 1rem) / 3);
}

.h8list6 .rightbox {
  width: 61%;
}

.h8list6 .rightbox .li {}

.h8list6 .leftbox .li .icon {
  height: 1.75rem;
}

.h8list6 .leftbox .li .icon img {
  max-height: 100%;
}

.h8list6 .leftbox .li .p {
  margin-top: .5rem;
  color: #fff;
  text-align: left;
}

.h8list6 .leftbox .li .p span {
  background: transparent;
  -webkit-background-clip: text;
  background: linear-gradient(0deg, #FF4200 0%, #E1B100 100%);
}

.h8list7 {
  position: relative;
  z-index: 3;
}

.h8list7 .span span {
  background: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ECE2D4;
}

.h8list7 .txts {
  color: #ECE2D4;
}

.h8list7 .uls .lis .txts {
  background: linear-gradient(90deg, #FF4200 0%, #E1B100 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.h8list7 .images {
  margin-top: -1rem;
}

.h8list7 .uls {
  margin-top: 3rem;
}

.h8list7 .uls .lis .icons {
  width: auto;
  height: 2.75rem;
}

.h8list7 .uls .lis .icons img {
  max-height: 100%;
}

.h8warpbg5 {
  background: linear-gradient(-34deg, #EAE2CB 0%, #F9F6ED 100%);
}

.h8warpbg5 .lis {
  background: url(../h8/img18.png) no-repeat center center;
  background-size: cover;
}

.h8warpbg5 .texts {
  color: #654A46;
}

.h8warpbg5 .wens {
  color: #654A46;
}

.h8warpbg5 .lis .txts {
  color: #fff;
  opacity: .54;
}

.h8warpbg5 .txts .zilecolor {
  background: linear-gradient(61deg, #FF4200 0%, #FFCC00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.h8list8 {
  background: url(../h8/img20.png) no-repeat center center;
  background-size: cover;
  padding: 5rem 0 3.5rem;
}

.h8list8 .tit2 {
  margin-bottom: 1.5rem;
}

.h8list8 .tit3 {
  color: #402329;
}

.h8list8 .titlebox {
  margin-bottom: 3.25rem;
}

.h8list8 .imgbox {
  width: 17rem;
  margin: 0 auto 3.25rem;
}

.h8list8 .imgbox .img1 {
  position: relative;
  z-index: 3;
  left: 12%;
}

.h8list8 .imgbox .imgbg {
  width: 120%;
  max-width: none;
}

.h8list8 .ul {
  width: 850px;
  margin: 5.25rem auto 0;
  max-width: 88%;
}

.h8list8 .ul .li img {
  height: 1.75rem;
}

.h8list9 {
  position: relative;
  padding: 4.2rem 0 4rem;
  background: #fff;
  overflow: hidden;
}

.h8list9 .tit2 {
  margin-bottom: 1.5rem;
  color: #654A46;
}

.h8list9 .tit3 {
  color: #654A46;
}

.h8list9 .titlebox {
  margin-bottom: 2.25rem;
}

.h8list9 .imgbox {
  margin-top: 2.25rem;
}

.h8list9 .imgbox .img1 {
  position: relative;
  z-index: 3;
}

.h8list10 {
  position: relative;
  overflow: hidden;
  padding: 5.65rem 0 6.75rem;
}

.h8list10 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  object-fit: cover;
}

.h8list10 .contentbox {
  position: relative;
  z-index: 4;
}

.h8list10 .tit3 {
  margin-top: .8rem;
}

.h8list10 .ul {
  margin-top: 2rem;
}

.h8list10 .ul .li .icon {
  margin-bottom: .65rem;
}

.h8list11 {
  position: relative;
  padding: 4rem 0 0;
  overflow: hidden;
}

.h8list11 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  object-fit: cover;
}

.h8list11 .tit2 {
  color: #654A46;
}

.h8list11 .tit3 {
  color: #654A46;
  margin-top: .6rem;
}

.h8list11 .bg1 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}

.h8list11 .contentbox {
  position: relative;
  z-index: 3;
}

.h8list11 .chebox {
  width: 95%;
  margin: .5rem auto 0;
}

.h8list11 .chebox .imgbg {
  position: relative;
  z-index: 3;
}

.h8list11 .chebox .item {
  position: absolute;
  left: 0;
  top: 0;
}

.h8list11 .chebox .item1 {
  z-index: 1;
}

.h8list11 .chebox .item1 {
  z-index: 2;
}

.h8list12 {
  padding: 4.25rem 0 2.75rem;
  position: relative;
  z-index: 1;
}

.h8list12 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}

.h8list12 .words {
  position: relative;
  z-index: 3;
}

.h8list12 .words .tit3 {
  margin-bottom: .75rem;
}

.h8list12 .words .tit3 .span {
  margin-bottom: 1.5rem;
}

.h8list12 .pro801-imgs {
  position: relative;
  z-index: 3;
  margin-top: 0;
}

.h8list12 .ulimg {
  margin-bottom: 1.2rem;
  height: 1.7rem;
}

.h8list12 .nitembox2 {
  margin-bottom: 4rem;
  position: relative;
  z-index: 4;
}

.h8list12 .words .tits {
  margin-bottom: 1.85rem;
}

.h8list12 .nitembox2 .img5 {
  position: relative;
  z-index: 4;
}

.h8list12 .nitembox2 .tran-middle {
  top: 60%;
}

.h8list12 .nitembox2 .pro801-imgs {
  margin-top: -2rem;
}

.h8list12 .nitembox .ulimg {
  height: 3rem;
}

.h8list12 .nitembox2 .words .span1 {
  margin-bottom: .75rem;
}

.h8list12 .nitembox2 .words .tit3 .tit43 {
  margin-bottom: 1.5rem;
}

.h8por1 .bgs {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}

.h8list11 .img2 {
  margin-top: 2.2rem;
}

.h8por1 .svgtexts {
  z-index: 4;
  background: transparent;
  transform: scale(2);
}

.pro-list-10 .svgtexts {
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pro-list-10 .svgtexts span {
  background: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
}

.h8por2 {
  padding-top: 3.35rem;
}

.h8por2 .pro11-swiper-box .words {
  background: #1C1D1D;
}

.h8por2 .zilecolor {
  background: linear-gradient(61deg, #FF4200 0%, #FFCC00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pro-svg-list .h8por2 {
  background: url(../h8/por2bg.jpg) no-repeat center center;
  background-size: cover;
}

.h8por2 .items:hover .words {
  background: #FCF8EF;
}

.h8por2 .items:hover .words .zilecolor {
  background: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #5D4540;
}

.h8por2 .items:hover .words .txts {
  color: #5D4540;
}

.h8por2 .swiper-container .swiper-scrollbar-drag {
  background: linear-gradient(90deg, #FF4200 0%, #FFCC00 100%);
}

.h8por4 {
  margin-top: -4rem;
  background: #f0e5d7;
}

.h8por4 .w1280 {
  background: #2F2321;
}

.h8list8 .imgbox .li {
  height: 1.75rem;
}

.h8list10 .ul .li .icon {
  height: 3.1rem;
  width: 3.1rem;
}

@media (min-width: 1025px) {
  .pro-svg-list .miapor2 .items:hover .words {
    background: rgba(155, 104, 84, 1);
  }

  .pro-svg-list .miapor2 .items:hover .words .span {
    color: #fff !important;
  }

  .pro-svg-list .miapor2 .items:hover .words .span {
    color: #fff !important;
  }

  .pro-svg-list .ctypor2 .items:hover .words {
    background: #37383D;
  }
}

@media (max-width:1680px) {
  .csy-list1 .logo {
    height: 3.25rem;
  }

  .csy-list1 .warpbox {
    width: 88%;
    margin: -17rem auto 4rem;
    position: relative;
    top: auto;
    left: auto;
    z-index: 4;
  }

  .csy-list1 .logo {
    top: 32vh;
  }

  .csy-list1 .more-span {
    top: 70vh;
  }
}

@media (max-width:1481px) {
  .csy-list1 .warpbox {
    margin: -17rem auto 4rem;
  }

  .csy-list2 .contentbox {
    margin-left: 12.5%;
    width: 87.5%;
  }

  .csy-list2 .contentbox3 {
    margin-right: 12.5%;
    width: 87.5%;
  }

  .csy-list1 .logo,
  .csy-list1 .more-span {
    left: 12.5%;
  }

  .csy-list2 .contentbox5,
  .csy-list4 .contentbox2 {
    margin-left: 12.5%;
    width: 87.5%;
  }

  .csy-list4 .contentbox .text {
    max-width: 49%;
  }

  .csy-list4 .contentbox2 .img {
    margin-top: 4.25rem;
  }

  .csy-list4 .contentbox3 .imgbox .num {
    height: 4.5rem;
    top: 2.5rem;
  }

  .mia-list2 .contentbox3,
  .mia-list2 .contentbox5 {
    margin-right: 12.5%;
    width: 87.5%;
  }

  .mia-list2 .contentbox4,
  .mia-list2 .contentbox6 {
    margin-left: 12.5%;
    width: 87.5%;
  }

  .mia-list2 .contentbox7 .ul .li.cur .bg {
    width: 35vw;
  }

  .h8list6 .itembox {
    margin-left: 12.5%;
    width: 87.5%;
  }
}

@media (max-width:1361px) {
  .csy-list1 .warpbox {
    padding: 1.5rem;
  }
}

@media (max-width:1024px) {
  .csy-list1 .more-span {
    top: 60vh;
  }

  .csy-list2 .contentbox {
    margin-left: 4%;
    width: 96%;
  }

  .csy-list2 .contentbox3 {
    margin-right: 4%;
    width: 96%;
  }

  .csy-list1 .logo,
  .csy-list1 .more-span {
    left: 4%;
  }

  .csy-list2 .contentbox5,
  .csy-list4 .contentbox2 {
    margin-left: 4%;
    width: 96%;
  }

  .mia-list2 .contentbox3,
  .mia-list2 .contentbox5 {
    margin-right: 4%;
    width: 96%;
  }

  .mia-list2 .contentbox4,
  .mia-list2 .contentbox6 {
    margin-left: 4%;
    width: 96%;
  }

  .mia-list1 .ul {
    margin-top: 2.25rem;
  }

  .mia-list2 {
    margin-top: -1rem;
  }

  .mia-list2 .contentbox4,
  .mia-list2 .contentbox6 {
    margin-right: 4%;
    width: 96%;
  }

  .mia-list2 .contentbox4,
  .mia-list2 .contentbox6 {
    margin-left: 4%;
    width: 96%;
  }

  .mia-list2 .contentbox3 .rightbox .tip,
  .mia-list2 .contentbox4 .rightbox .tip,
  .mia-list2 .contentbox5 .rightbox .tip,
  .mia-list2 .contentbox6 .rightbox .tip {
    height: auto;
    padding: 8px .75rem;
  }

  .mia-list2 .contentbox7 .ul .li.cur .bg {
    width: 35vw;
  }

  .h8list6 .itembox {
    margin-left: 8%;
    width: 92%;
  }

  .h8list3 .tit-bots {
    margin-top: 0;
  }

  .h8list4 {
    padding-top: 1.5rem;
  }

  .h8list4 .uls {
    margin-top: 1.25rem;
  }

  .h8list4 .wraps {
    width: 62.3%;
    flex-direction: row;
  }

  .h8list4 .words {
    width: 50%;
    padding-bottom: 0;
  }

  .pro-list-03 .images {
    margin-bottom: 0;
  }

  .h8list4 .wraps {
    width: 94%;
  }

  .h8list5 {
    padding: 2.25rem 3% 3.25rem;
  }

  .h8list1 {
    min-height: auto;
  }
}

@media (max-width:996px) {
  .csy-list1 .logo {
    top: 20vh;
  }

  .csy-list1 .img {
    top: 7vh;
  }

  .csy-list1 .more-span {
    top: 30vh;
  }

  .csy-list1 .warpbox .ul {
    padding-bottom: 1rem;
  }

  .csy-list1 .warpbox .ul2 {
    padding-top: 1rem;
  }

  .csy-list1 .warpbox .icon {
    margin: 0 auto;
  }

  .csy-list1 .warpbox .icon img {
    max-height: 100%;
  }

  .csy-list1 .warpbox .titbox {
    width: 100%;
    margin-left: 0;
    margin-top: .55rem;
    text-align: center;
  }

  .csy-list2 .contentbox4 {
    margin-top: -2rem;
  }

  .csy-list2 .contentbox5 .text {
    width: 16rem;
  }

  .mia-list2 .contentbox7 .ul .li.cur {
    width: 41.75%;
  }

  .mia-list2 .contentbox7 .ul .li.cur .bg {
    width: 40vw;
  }

  .h8list1 {
    min-height: auto;
  }

  .h8list1 .contentbox {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }

  .h8list4 {
    padding-bottom: 3rem;
  }

  .h8list4 .images {
    width: 100%;
    margin-left: 0;
  }

  .h8list4 .words {
    width: 100%;
  }

  .h8list4 .images {
    padding-bottom: 0;
  }
}

.csy-list4 .contentbox2 {
  flex-flow: row-reverse wrap;
}

@media (max-width:767px) {
  .csy-list2 .contentbox4 .cheimg .dian1 {
    left: 31%;
    top: 29%;
  }

  .csy-list2 .contentbox4 .cheimg .dian2 {
    left: 54%;
    top: 42%;
  }

  .csy-list2 .contentbox4 .cheimg .dian3 {
    left: 37%;
    top: 65%;
  }

  .csy-list1 .warpbox {
    margin: -4rem auto 2.5rem;
  }

  .csy-list1 .img {
    width: 100%;
    top: auto;
    position: relative;
    margin-top: 2.5rem;
    z-index: 3;
  }

  .csy-list1 .logo {
    width: 70%;
    height: auto;
    top: auto;
    position: relative;
    margin-top: -15.75rem;
    z-index: 3;
  }

  .csy-list1 .bg {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
  }

  .csy-list1 .more-span {
    display: none;
  }

  .csy-list1 .warpbox {
    padding: 1rem;
  }

  .csy-list1 .warpbox .icon {
    width: 1.6rem;
    height: 1.6rem;
  }

  .csy-list1 .warpbox .li .tit6 {
    font-size: 12px;
  }

  .csy-list1 .warpbox:before {
    width: 5px;
    left: -2.5px;
  }

  .csy-list1 .warpbox:after {
    width: 5px;
    right: -2.5px;
  }

  .csy-list2 .contentbox .leftbox {
    width: 100%;
    margin-bottom: 1rem;
  }

  .csy-list2 .contentbox .rightbox {
    width: 100%;
  }

  .csy-list2 .contentbox .leftbox .tit2 {
    margin-bottom: 1rem;
  }

  .csy-list2 .contentbox2 {
    margin: 4rem auto 0;
  }

  .csy-list2 .contentbox2 .warp .che {
    width: 60%;
    left: 40%;
  }

  .csy-list2 .contentbox2 .warp .line {
    height: 1.5rem;
    right: auto;
    left: 5%;
  }

  .csy-list2 .contentbox2 .text {
    left: 5%;
    top: 7%;
    transform: translate(0, 0);
    margin-top: 0rem;
    font-size: 1rem;
  }

  .csy-list2 .contentbox3 {
    margin: 3rem 0 0;
  }

  .csy-list2 .contentbox3 .img {
    width: 100%;
    margin-bottom: 1rem;
  }

  .csy-list2 .contentbox3 .text {
    width: 100%;
    max-width: 100%;
    margin-top: -6rem;
  }

  .csy-list2 .contentbox4 {
    margin-top: 2.5rem;
  }

  .csy-list2 .contentbox3 .text .tit3 {
    margin-bottom: 1.25rem;
  }

  .csy-list2 .contentbox3 .text .tit4 {
    margin-bottom: .75rem;
  }

  .csy-list2 .contentbox4 .ul .li .p {
    font-size: 14px;
  }

  .csy-list2 .contentbox4 .ul {
    margin-top: 1.7rem;
  }

  .csy-list2 .contentbox5 .text .tit2>img {
    max-width: 55%;
    margin: 0 auto;
    display: block;
  }

  .csy-list2 .contentbox5 .text {
    width: 100%;
  }

  .csy-list3 {
    padding-top: 3rem;
  }

  .csy-list3 .contentbox .tit2 {
    margin-top: 2rem
  }

  .csy-list2 .contentbox5 .text .tit2 .tip {
    right: 1.5rem;
  }

  .csy-list4 {
    padding: 3rem 0 0;
  }

  .csy-list4 .contentbox .img {
    width: 95%;
    margin: 0 auto;
  }

  .csy-list4 .contentbox .text {
    margin-top: 1.25rem;
    max-width: 100%;
  }

  .csy-list4 .contentbox2 {
    margin-top: 3rem;
  }

  .csy-list4 .contentbox2 .text {
    width: 94%;
    margin-top: -2rem;
    margin-right: 4%;
  }

  .csy-list4 .contentbox2 .text .tit2 {
    margin-bottom: 1.25rem;
  }

  .csy-list4 .contentbox2 .img {
    width: 100%;
  }

  .csy-list4 .contentbox .text .tit3 {
    margin-top: 1rem;
  }

  .csy-list4 .contentbox2 .img {
    margin-top: 0;
  }

  .csy-list4 .contentbox3 {
    margin-top: 2rem;
  }

  .csy-list4 .contentbox3 .imgbox .num {
    height: 3rem;
    top: 3rem;
    margin-left: -0.5rem;
  }

  .csy-list4 .contentbox3 .imgbox .img3 {
    margin-top: 2rem;
    max-width: 130%;
    margin-left: -15%;
  }

  .mia-list1 .contentbox .leftbox {
    width: 100%;
    margin-bottom: 1rem;
  }

  .mia-list1 .contentbox .img {
    width: 100%;
  }

  .mia-list1 .ul .li .tit6 {
    line-height: 1.2;
    font-size: 14px;
  }

  .mia-list1 .ul {
    margin-top: 1.25rem;
  }

  .mia-list2 .contentbox .leftbox {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .mia-list2 .contentbox .rightbox {
    width: 100%;
  }

  .mia-list1 .contentbox {
    padding-top: 4rem;
  }

  .mia-list1 .contentbox .m-block-767 {
    margin-top: -4rem;
  }

  .mia-list2 .contentbox .leftbox {
    margin-top: 0;
  }

  .mia-list2 {
    padding-top: 2rem;
    margin-top: 0;
  }

  .mia-list2 .contentbox .leftbox img {
    width: 85%;
  }

  .mia-list2 .contentbox .rightbox {
    margin-top: -3.5rem;
  }

  .mia-list2 .contentbox .rightbox .tit3 {
    margin-bottom: 1rem;
  }

  .mia-list2 .contentbox2 .leftbox {
    width: 100%;
  }

  .mia-list2 .contentbox2 .rightbox {
    width: 100%;
  }

  .mia-list2 .contentbox2 {
    padding-top: 2rem;
  }

  .mia-list2 .contentbox2 .rightbox {
    margin-top: 1rem;
  }

  .mia-list2 .contentbox3 {
    padding-top: 2rem;
  }

  .mia-list2 .contentbox3 .leftbox {
    width: 100%;
  }

  .mia-list2 .contentbox3 .rightbox {
    width: 100%;
    margin-top: 1rem;
    padding-left: 4%;
  }

  .mia-list2 .contentbox4 {
    padding-top: 2rem;
  }

  .mia-list2 .contentbox4 .leftbox {
    width: 100%;
  }

  .mia-list2 .contentbox4 .rightbox {
    width: 100%;
    margin-top: 1rem;
  }

  .mia-list2 .contentbox5 {
    padding-top: 0;
  }

  .mia-list2 .contentbox5 .leftbox {
    width: 100%;
  }

  .mia-list2 .contentbox5 .rightbox {
    width: 100%;
    margin-top: 1rem;
    padding-left: 4%;
  }

  .mia-list2 .contentbox6 {
    padding-top: 1rem;
  }

  .mia-list2 .contentbox6 .leftbox {
    width: 100%;
  }

  .mia-list2 .contentbox6 .rightbox {
    width: 100%;
    margin-top: 1.5rem;
  }

  .mia-list2 .contentbox7 .ul .li .text .tit3 {
    font-size: 14px;
  }

  .mia-list2 .contentbox3 .leftbox .num .tran-middle {
    width: 1.2rem;
  }

  .mia-list2 .contentbox2 .leftbox .num .tran-middle {
    width: 1.2rem;
  }

  .mia-list2 .contentbox4 .leftbox .num .tran-middle {
    width: 1.2rem;
  }

  .mia-list2 .contentbox5 .leftbox .num .tran-middle {
    width: 1.2rem;
  }

  .mia-list2 .contentbox6 .leftbox .num .tran-middle {
    width: 1.2rem;
  }

  .mia-list2 .contentbox4 .rightbox {
    top: -6rem;
  }

  .mia-list2 .contentbox5 {
    margin-top: 0;
  }

  .mia-list2 .contentbox3 .rightbox .tip {
    margin-top: 1rem;
  }

  .mia-list2 .contentbox3 .rightbox .tit4 {
    margin-top: .8rem;
  }

  .mia-list2 .contentbox3 .leftbox .num {
    right: 4rem;
    bottom: 2rem;
  }

  .mia-list2 .contentbox4 .leftbox .num {
    left: -1.5rem;
    top: 1rem;
  }

  .mia-list2 .contentbox4 .rightbox .tit4 {
    margin-top: .85rem;
  }

  .mia-list2 .contentbox6 .leftbox .num {
    left: -1.5rem;
  }

  .mia-list2 .contentbox6 .rightbox .tit4 {
    margin-top: .85rem;
  }

  .mia-list2 .contentbox7 .ul .li {
    width: 50% !important;
    height: 12.5rem !important;
    border-radius: 0;
  }

  .mia-list2 .contentbox7 .ul .li .bg {
    width: 100% !important;
  }

  .mia-list2 .contentbox7 .ul .li.cur .bg {
    width: 100% !important;
  }

  .mia-list2 .contentbox7 .ul .li.cur .text {
    padding: 1rem 4%;
  }

  .mia-list2 .contentbox7 .ul .li .tit4 {
    opacity: 1;
    transform: translate(0, 0);
  }

  .mia-list2 .contentbox7 .title {
    margin-bottom: 1rem;
  }

  .mia-list2 .contentbox7 .ul .li .tit4 {
    font-size: 12px;
    margin-top: .4rem;
  }

  .mia-list1 .contentbox .leftbox {
    margin-top: 0;
  }

  .h8list1 .contentbox .leftbox {
    width: 100%;
    margin-top: 0;
    margin-bottom: 1.25rem;
  }

  .h8list1 .rightbox {
    width: 100%;
    margin-right: -8%;
  }

  .h8list8 .ul {
    margin-top: 0;
  }

  .h8list4 {
    padding-top: 0;
  }

  .h8list4 .images {
    margin-top: 0;
  }

  .h8list5 .ul .li {}

  .h8list5 .ul .icon {
    width: 1.75rem;
    height: 1.75rem;
  }

  .h8list5 .ul .icon img {
    max-height: 100%;
  }

  .h8list5 .ul2 .li {
    width: 100%;
    margin-bottom: 1rem;
  }

  .h8list6 .leftbox,
  .h8list6 .rightbox {
    width: 100%;
  }

  .h8list6 .rightbox {
    margin-top: 1rem;
  }

  .h8list6 {
    padding: 2rem 0 0;
  }

  .h8list7 .uls .lis .icons {
    height: 2.75rem;
  }

  .h8list8 {
    padding: 2.5rem 0 2rem;
  }

  .h8list8 .imgbox .imgbg {
    width: 108%;
  }

  .h8list8 .imgbox .img1 {
    width: 74%;
    left: 12%;
  }

  .h8list8 .ul .li img {
    height: 1.25rem;
  }

  .h8list8 .ul {
    margin: 2rem auto 0;
  }

  .h8list9 {
    padding: 2rem 0 3rem;
  }

  .h8list12 .pro801-imgs .img5 {
    width: 60%;
    margin: 0 auto;
  }

  .tit-72 {
    font-size: 1.6rem;
  }

  .csy-list2 .contentbox5 .botimg {
    width: 100%;
  }

  .h8list12 .nitembox2 {
    padding-bottom: 2.5rem;
  }

  .h8list12 {
    padding-top: 3rem;
  }

  .h8list10 {
    padding: 3rem 0 20.75rem;
  }

  .h8list10 .ul {
    margin-top: 1.25rem;
  }

  .h8list10 .contentbox {
    padding: 0 4%;
  }

  .h8list9 .imgbox .bg {
    height: 9rem;
  }

  .h8list9 .imgbox .img1 {
    width: 75%;
    height: 15rem;
    object-fit: cover;
  }

  .h8list11 .chebox {
    margin-top: 9rem;
  }

  .h8list11 .img2 {
    margin-top: 1.25rem;
  }

  .h8list11 {
    padding-top: 2.5rem;
  }

  .h8list6 .leftbox .ul {
    margin-top: 1.5rem;
  }

  .h8list4 .texts {
    margin-top: .5rem;
  }

  .pro-list-03 .images {
    padding-bottom: 0 !important;
  }

  .pro-list-03 .words {
    padding-top: 0;
  }
}

.mia-list2 .num .img4 {
  animation: img360 8s linear infinite;
}

.mia-list1 .contentbox {
  opacity: 0;
}

.mia-list1 .contentbox.active {
  animation: scaleDownUp 1.2s .2s forwards ease;
}

.csy-list1 {
  opacity: 0;
}

.csy-list1.active {
  animation: scaleDownUp 1.2s .2s forwards ease;
}

.mia-list2 .contentbox2 .leftbox .dian {
  animation: scale2 3s forwards infinite;
}

.mia-list2 .contentbox2 .leftbox .dian2.start {
  animation-delay: .5s;
}

.mia-list2 .contentbox2 .leftbox .dian3.start {
  animation-delay: 1s;
}

.csy-list2 .contentbox4 .cheimg .dian {
  animation: scale2 3s forwards infinite;
}

.csy-list2 .contentbox4 .cheimg .dian2.start {
  animation-delay: .5s;
}

.csy-list2 .contentbox4 .cheimg .dian3.start {
  animation-delay: 1s;
}

@keyframes img360 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes scaleDownUp {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes scale2 {
  0% {
    opacity: 1;
    transform: scale(.8);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 1;
    transform: scale(.8);
  }
}

.anim_emt.start.b_to_t2 {
  -webkit-animation-name: mk_bottom_to_top2;
  animation-name: mk_bottom_to_top2;
}

@-webkit-keyframes mk_bottom_to_top2 {
  0% {
    -webkit-transform: translate(-50%, 80px);
    transform: translate(-50%, 80px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 1;
  }
}

@keyframes mk_bottom_to_top2 {
  0% {
    -webkit-transform: translate(-50%, 80px);
    transform: translate(-50%, 80px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 1;
  }
}

.centerh {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.centerv {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.technology-list1 {
  height: auto;
}

.technology-list1 .bg {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.technology-list1 .titimg {
  z-index: 3;
  height: 3.5rem;
  top: 18%;
}

.zw1600 {
  width: 1600px;
  max-width: 88%;
  margin: 0 auto;
}

.technology-list2 {
  background: #101010;
  padding: 5rem 0 0;
}

.technology-list2 .contentbox .leftbox {
  width: 45%;
  margin-top: 3.5rem;
}

.technology-list2 .leftbox .li {
  padding-left: 15px;
  margin-bottom: 9px;
  position: relative;
}

.technology-list2 .leftbox .li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  left: 0;
  top: 50%;
  margin-top: -2.5px;
}

.technology-list2 .leftbox .line {
  margin: 1.5rem 0 1.25rem;
}

.technology-list2 .contentbox .rightbox {
  width: 51%;
  position: relative;
}

.technology-list2 .rightbox .img1 {
  position: relative;
  z-index: 4;
}

.technology-list2 .rightbox .img2 {
  left: 0;
  top: 0;
  z-index: 1;
}

.technology-list2 .contentbox1 {
  margin-top: 4.5rem;
  flex-flow: row-reverse wrap;
}

.technology-list2 .contentbox1 .rightbox {
  width: 60%;
}

.technology-list2 .contentbox1 .leftbox {
  max-width: 35%;
}

.technology-list2 .contentbox1 .num {
  margin-top: 2rem;
}

.technology-list2 .contentbox2 {
  margin-top: 6rem
}

.technology-list2 .contentbox2 .rightbox {
  width: 48%;
}

.technology-list2 .contentbox2 .leftbox {
  max-width: 35%;
  margin-left: 12%;
}

.technology-list2 .contentbox2 .num {
  margin-top: 3rem;
}

.technology-list2 .contentbox3 {
  margin-top: 2.5rem;
  flex-flow: row-reverse wrap;
}

.technology-list2 .contentbox3 .rightbox {
  width: 51%;
}

.technology-list2 .contentbox3 .leftbox {
  max-width: 35%;
  margin-left: 6%;
  margin-top: 5rem;
}

.technology-list2 .contentbox3 .num {
  margin-top: 3rem;
}

.technology-list2 .contentbox4 {
  margin-top: 4.5rem
}

.technology-list2 .contentbox4 .tip {
  margin-bottom: .75rem;
}

.technology-list2 .contentbox4 .libox {
  margin-top: .55rem;
  margin-bottom: 2.25rem;
}

.technology-list2 .contentbox4 .libox .li {
  margin: 0 .7rem;
}

.technology-list2 .contentbox5 {
  margin-top: 4.5rem;
}

.technology-list2 .contentbox5 .logoimg {
  position: relative;
  z-index: 1;
}

.technology-list2 .contentbox5 .logoimg2 {
  position: relative;
  z-index: 3;
  margin-top: -6rem;
  width: 100%;
}

.technology-list2 .contentbox5 .logoimg2 img {
  max-height: 100%;
}

.technology-list2 .contentbox5 .title {
  margin: 1.7rem auto 2.25rem;
  display: block;
  width: 22.5rem;
}

.technology-list2 .contentbox6 {
  margin-top: 3rem;
  padding-bottom: 3rem;
}

.technology-list2 .contentbox6 .tip2 {}

@media (max-width:1600px) {
  .h8list3 {
    padding-top: 2rem;
  }

  .pro-list-02 {
    padding-bottom: 1.25rem;
  }

  .pro-list-03 {
    padding-top: 2rem;
  }

  .pro-list-03 .images {
    padding-bottom: 2rem;
  }
}

@media (max-width:996px) {
  .technology-list2 .contentbox2 .leftbox {
    margin-left: 0;
  }

  .technology-list2 .contentbox2 .num {
    width: 9rem;
    margin-top: 2rem;
  }

  .technology-list2 .contentbox3 .leftbox {
    margin-top: 3rem;
  }

  .pro-list-01 .li br {
    display: block;
  }
}

@media (max-width:767px) {
  .technology-list1 .titimg {
    height: auto;
    width: 88%;
  }

  .technology-list1 .bg {
    height: auto;
  }

  .technology-list1 .titimg {
    top: 10%;
  }

  .technology-list2 .contentbox .leftbox {
    margin-top: 1.5rem
  }

  .technology-list2 {
    padding-top: 2rem;
  }

  .technology-list2 .contentbox1 .rightbox {
    width: 77%;
    margin-bottom: 0;
  }

  .technology-list2 .contentbox1,
  .technology-list2 .contentbox3 {
    flex-flow: row wrap;
  }

  .technology-list2 .contentbox1 .leftbox {
    width: 100%;
    max-width: 100%;
  }

  .technology-list2 .contentbox1 .num {
    margin-top: 1rem;
  }

  .technology-list2 .contentbox2 {
    margin-top: 3rem;
  }

  .technology-list2 .contentbox2 .num {
    margin-top: 1rem;
  }

  .technology-list2 .contentbox2 .leftbox {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.5rem;
  }

  .technology-list2 .contentbox2 .rightbox {
    width: 100%;
  }

  .technology-list2 .contentbox3 .rightbox {
    width: 100%;
  }

  .technology-list2 .contentbox3 .leftbox {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 1.5rem;
  }

  .technology-list2 .contentbox4 {
    margin-top: 3rem;
  }

  .technology-list2 .contentbox5 .title {
    width: 88%;
  }

  .technology-list2 .contentbox6 {
    margin-top: 3rem;
  }

  .technology-list2 .contentbox6 {
    padding-bottom: 3rem;
  }

  .technology-list2 .leftbox .line {
    margin: .65rem 0 .7rem;
  }

  .technology-list2 .contentbox3 .leftbox {
    margin-left: 0;
  }

  .technology-list2 .leftbox .li {
    font-size: 15px;
  }

  .technology-list2 .contentbox .leftbox {
    width: 100%;
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .technology-list2 .contentbox .rightbox {
    width: 77%;
  }

  .technology-list2 .contentbox1 {
    margin-top: 2rem;
  }

  .technology-list2 .contentbox1 .leftbox {
    margin-bottom: 1.5rem;
  }

  .technology-list2 .contentbox1 .rightbox {
    margin-bottom: 0;
  }

  .technology-list2 .contentbox1 .num {
    width: 50%;
  }

  .technology-list2 .contentbox2 .num {
    width: 50%;
  }

  .technology-list2 .contentbox3 .rightbox {
    width: 77%;
  }

  .technology-list2 .contentbox4 .tip {
    height: 1.5rem;
  }

  .mia-list2 .contentbox7 .ul .li {
    height: 17.5rem !important;
  }

  .h8list1 .contentbox .leftbox {
    width: 64% !important;
    margin: 0 auto 1.25rem;
  }

  .mia-list1 .ul {
    top: -2rem;
    display: block;
  }

  .csy-list2 .contentbox .leftbox .tit4 {
    font-size: 14px;
    line-height: 1.6;
  }

  .mia-list1 .ul .li {
    width: 100%;
    margin: .75rem 0;
  }
}

.con-header.headeractive .bocweb-header-right .dianpu:before {
  background: #333;
}

.bocweb-header.headeractive .bocweb-header-right .dianpu:before {
  background: #333;
}

.warplightning-0 {
  background: #110c0d;
}

.lightning-1 {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.lightning-1 .leftbox {
  width: 56.4%;
}

.lightning-1 .rightbox {
  width: 59%;
  position: relative;
  z-index: 1;
  margin-right: -16%;
}

.lightning-1 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  object-fit: cover;
}

.lightning-1 .contentbox {
  padding-top: 22vh;
  position: relative;
  z-index: 2;
}

.lightning-1 .contentbox .leftbox {
  margin-top: -6.5rem;
}

.lightning-1 .more-span {
  bottom: 4rem;
}

.lightning-2 .wraps {}

.lightning-2 .wraps .k:before {
  border-left: 1px dashed rgba(255, 255, 255, 1);
}

.lightning-2 {
  padding: 3.25rem 0 2rem;
}

.lightning-2 .tits {
  color: #fff;
}

.lightning-2 .txts {
  color: #fff;
}

.lightning-2 .wraps .k:before {
  height: 1.1rem !important;
  top: 1rem;
}

.lightning-warpbox1 {
  /*background:url(../h8/img5bg.png) no-repeat center center;
  background-size:cover;*/
  padding-top: 6rem;
  position: relative;
  z-index: 2;
}

.lightning-3 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.lightning-3 .tits .span {
  color: #fff;
  background: transparent !important;
  -webkit-text-fill-color: #fff !important;
}

.lightning-3 .txts {
  margin-top: .85rem;
}

.lightning-3 .txts .span {
  color: #fff;
  background: transparent !important;
  -webkit-text-fill-color: #fff !important;
}

.lightning-3 .numbers .nums {
  color: #fff;
  align-items: flex-start;
}

.lightning-3 .tit-bots .tit-bots-01 {}

.lightning-3 .tit-bots {
  margin-top: 2rem;
}

.lightning-3 .tit-bots div {
  margin-bottom: .6rem;
}

.lightning-3 .tit-bots .tit-bots-01 {
  line-height: 1.6;
}

.lightning-3 .tit-bots-list .li .icons {
  background: transparent;
}

.lightning-3 .tit-bots-list .li .texts .ctxts span {
  background: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
}

.lightning-3 .tit-bots-list .li:before {
  border-left: 2px dashed rgba(55, 55, 55, .2);
}

/*.lightning-4 .wraps{
    flex-flow:row-reverse wrap;
}*/
.lightning-4 {
  padding-top: 0;
}

.lightning-4 .wraps {
  padding: 0 16%;
}

.lightning-4 .images {
  width: 82.125%;
  margin-left: -22%;
  padding-bottom: 2rem;
}

.lightning-4 .tits .span {
  color: #fff;
  background: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
}

.lightning-4 .texts {
  margin-top: 1rem;
}

.lightning-4 .uls {
  margin-top: 1.8rem;
  justify-content: flex-start;
}

.lightning-4 .uls .lis {
  margin-right: 3.5rem;
}

.lightning-4 .uls .lis:last-child {
  margin-right: 0;
}

.lightning-4 .uls .icons {
  height: 1.75rem;
}

.lightning-4 .uls .icons img {
  max-height: 100%;
}

.lightning-4 .uls .wens span {
  margin-bottom: .4rem;
}

.lightning-4 .words {
  width: 44.875%;
  margin-left: -5%;
  margin-top: 7rem;
}

.lightning-5 {
  padding: 5rem 0 1rem;
  position: relative;
  z-index: 2;
}

.lightning-5 .tit3 {
  margin-top: 1rem;
  font-weight: 300;
}

.lightning-5 .imgbox .img1 {
  height: 22.5rem;
  width: 100%;
  position: relative;
  object-fit: cover;
}

.lightning-5 .imgbox .img2 {
  width: 57.5%;
}

.lightning-5-1 {
  padding: 0 3.4rem 3rem;
  position: relative;
  z-index: 2;
}

.lightning-5-1 .tit3 {
  margin-top: 1.2rem;
  font-weight: 300;
}

.lightning-5-1 .tit3 span {
  background: linear-gradient(0deg, #FF4200 0%, #E1B100 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.lightning-5-1 .ul2 {
  margin-top: 2.5rem;
}

.lightning-5-1 .ul2 .li {
  width: 43%;
  height: 20.5rem;
  position: relative;
}

.lightning-5-1 .ul2 .li:nth-child(2) {
  width: 48%;
  height: 21.75rem;
  margin-top: 1.15rem;
}

.lightning-5-1 .ul2 .li .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
  position: relative;
  z-index: 2;
}

.lightning-5-1 .ul2 .li .txtbox {
  position: absolute;
  padding: 2.4rem 1.5rem 1.5rem;
  z-index: 3;
}

.lightning-5-1 .ul2 .li:nth-child(1) .txtbox {
  left: 0;
  top: 0;
}

.lightning-5-1 .ul2 .li:nth-child(2) .txtbox {
  bottom: 0;
  left: 0;
}

.lightning-5-1 .ul2 .li .tit5 {
  margin-top: .25rem;
  font-weight: 300;
}

.w300 {
  font-weight: 300;
}

.lightning-warpbg5 {
  background: url(../lightning/24.png) no-repeat center center;
}

.lightning-warpbg5 .lis {
  background: url(../lightning/28.png) no-repeat center center;
  background-size: cover;
}

.lightning-warpbg5 .texts {
  color: #b68277;
}

.lightning-warpbg5 .wens {
  color: #b68277;
}

.lightning-warpbg5 .lis .txts {
  color: #fff;
  opacity: .54;
}

.lightning-warpbg5 .txts .zilecolor {
  background: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
}

.lightning-8 {
  padding: 0 0 2.5rem;
}

.lightning-8 .tit2 {
  margin-bottom: .9rem;
}

.lightning-8 .tit3 {}

.lightning-8 .uls {
  margin-top: 2.25rem;
}

.lightning-8 .contentbox {
  padding-top: 5.25rem;
  padding-bottom: 14.5rem;
}

.lightning-8 .contentbox .tit3 {
  margin-bottom: .2rem;
}

.lightning-8 .contentbox2 {
  margin-top: -4rem;
  padding-bottom: 23.25rem;
}

.lightning-8 .contentbox .che1 {
  right: 0;
  top: 0;
  width: 70.26%;
}

.lightning-8 .contentbox2 .che2bg {
  left: 0;
  width: 100%;
  top: 9rem;
}

.lightning-8 .contentbox2 .che2 {
  right: 0;
  top: 9rem;
  width: 55.15%;
  z-index: 3;
}

.lightning-8 .contentbox .uls .icons {
  height: 2rem;
  margin-bottom: .4rem;
}

.lightning-8 .contentbox .uls .lis {
  margin-right: 2.7rem;
}

.lightning-8 .contentbox .uls .lis:last-child {
  margin-right: 0;
}

.lightning-8 .contentbox .uls .icons img {
  max-height: 100%;
}

.lightning-8 .contentbox .uls .wens span {
  color: #ea0120;
}

.lightning-9 {
  position: relative;
  padding: 0 0 2.5rem;
  overflow: hidden;
}

.lightning-9 .tit2 {
  margin-bottom: .9rem;
}

.lightning-9 .tit3 {}

.lightning-9 .imgbox {
  margin-top: 2rem;
}

.lightning-9 .imgbox .img1 {
  position: relative;
  z-index: 3;
  margin-top: -8rem;
  width: 55.73%;
}

.lightning-10 {
  position: relative;
  overflow: hidden;
  padding: 0 0 5.25rem;
}

.lightning-10 .contentbox {
  position: relative;
  z-index: 4;
}

.lightning-10 .tit3 {
  margin-top: 1rem;
}

.lightning-10 .ul {
  margin-top: 1.15rem;
}

.lightning-10 .imgbox {
  margin-top: 1.75rem;
}

.lightning-11 {
  position: relative;
  padding: 0 0 0;
  overflow: hidden;
}

.lightning-11 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.lightning-11 .tit2 {
  color: #fff;
}

.lightning-11 .tit3 {
  color: #fff;
  margin-top: .6rem;
}

.lightning-11 .bg1 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}

.lightning-11 .contentbox {
  position: relative;
  z-index: 3;
}

.lightning-11 .chebox {
  width: 100%;
  margin: .5rem auto 0;
}

.lightning-11 .chebox .imgbg {
  position: relative;
  z-index: 3;
}

.lightning-11 .chebox .item {
  position: absolute;
  left: 0;
  top: 0;
}

.lightning-11 .chebox .item1 {
  z-index: 1;
}

.lightning-11 .chebox .item1 {
  z-index: 2;
}

.lightning-12 {
  padding: 4.25rem 0 2.75rem;
  position: relative;
  z-index: 1;
}

.lightning-12 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}

.lightning-12 .words {
  position: relative;
  z-index: 3;
}

.lightning-12 .words .tit3 {
  margin-bottom: .75rem;
}

.lightning-12 .words .tit3 .span {
  margin-bottom: 1.5rem;
}

.lightning-12 .pro801-imgs {
  position: relative;
  z-index: 3;
  margin-top: 0;
}

.lightning-12 .ulimg {
  margin-bottom: 1.2rem;
}

.lightning-12 .nitembox2 {
  margin-bottom: 4rem;
  position: relative;
  z-index: 4;
}

.lightning-12 .words .tits {
  margin-bottom: 1.85rem;
}

.lightning-12 .nitembox2 .img5 {
  position: relative;
  z-index: 4;
}

.lightning-12 .nitembox2 .tran-middle {
  top: 60%;
}

.lightning-12 .nitembox2 .pro801-imgs {
  margin-top: -2rem;
}

.lightning-12 .nitembox2 .words .span1 {
  margin-bottom: .75rem;
}

.lightning-12 .nitembox2 .words .tit3 .tit43 {
  margin-bottom: 1.5rem;
}

.lightningpor1 .bgs {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}

.lightning-11 .img2 {
  margin-top: 1.75rem;
  margin-bottom: .5rem;
}

.lightning-3 .numbers {
  margin-top: 2rem;
}

.lightning-3 .numbers .imgs {
  position: relative;
  z-index: 3;
  width: 1165px;
  max-width: 100%;
  margin: 0 auto;
  top: 2rem;
}

.lightning-3 .numbers .imgs .i-span {
  position: relative;
}

.lightning-3 .numbg {
  width: 100%;
  z-index: -1;
}

.pro-list-10 .svgtexts {
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pro-list-10 .svgtexts span {
  background: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
}

.pro-svg-list .h8por2 {
  background: url(../h8/por2bg.jpg) no-repeat center center;
  background-size: cover;
}

.h8por1 .svgtexts {
  z-index: 4;
  background: transparent;
  transform: scale(2);
}

.lightningpor2 {
  padding-top: 3.35rem;
  background: url(../lightning/27.png) no-repeat center center;
  background-size: cover;
}

.lightningpor2 .pro11-swiper-box .words {
  background: #313131;
}

.lightningpor2 .zilecolor {
  background: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ea0120;
  color: #ea0120;
}

.lightningpor2 .items:hover .words {
  background: #FCF8EF;
}

.lightningpor2 .items:hover .words .zilecolor {
  background: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #5D4540;
}

.lightningpor2 .items:hover .words .txts {
  color: #5D4540;
}

.lightningpor2 .swiper-container .swiper-scrollbar-drag {
  background: linear-gradient(90deg, #510a00 0%, #fb1f00 100%);
}

.lightningpor4 {
  margin-top: -3.25rem;
  background: #f0e5d7;
}

.lightningpor4 .w1280 {
  background: #2F2321;
}

.lightning-8 .imgbox .li {
  height: 1.75rem;
}

.lightning-10 .ul .li .icon {
  height: 2.1rem;
  width: 2.1rem;
}

.lightningpor3 .pro-btn-list .icons:before {
  background: url(../lightning/car/carline.png) no-repeat center;
  background-size: 100%;
}

.lightning-4 .m-block,
.lightning-4 .pc-block {
  width: 100%;
}

@media (max-width:1481px) {
  .lightning-6 .itembox {
    margin-left: 12.5%;
    width: 87.5%;
  }
}

@media (max-width:1024px) {
  .lightning-4 .uls {
    display: flex;
  }

  .lightning-6 .itembox {
    margin-left: 4%;
    width: 96%;
  }

  .lightning-4 {
    padding-top: 1.5rem;
  }

  .lightning-4 .uls {
    margin-top: 1.25rem;
  }

  .lightning-4 .wraps {
    width: 62.3%;
    flex-direction: row;
  }

  .lightning-4 .words {
    width: 50%;
  }

  .lightning-4 .wraps {
    width: 100%;
  }

  .lightning-5 {
    padding: 2.25rem 0 3.25rem;
  }

  .lightning-1 {
    min-height: auto;
  }

  .lightning-2 .li:before {
    width: 1px;
  }

  .lightning-4 .wraps {
    padding: 0;
  }

  .lightning-4 .words {
    margin-left: 0;
    margin-top: -3rem;
    padding-top: 0;
    width: 100%;
  }

  .lightning-4 .uls {
    padding-right: 0;
    justify-content: center;
  }

  .lightning-4 .uls .lis {
    margin-right: 2rem;
  }

  .lightning-4 .images {
    width: 100%;
    margin-left: 0;
  }

  .lightning-4 .images {
    margin-top: -2.3rem;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .lightning-4 .texts {
    margin-top: 0;
  }

  .lightning-5-1 {
    padding: 0 6% 3rem;
  }

  .lightning-mbox .clist-ch02 .li .span span {
    background: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
    color: #fff;
  }
}

@media (max-width:996px) {
  .lightning-1 {
    min-height: auto;
  }

  .lightning-1 .contentbox {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }

  .lightning-4 {
    padding-bottom: 3rem;
  }

  .lightning-4 .images {
    width: 100%;
    margin-left: 0;
  }

  .lightning-4 .words {
    width: 100%;
  }

  .lightning-4 .images {
    padding-bottom: 0;
  }

  .lightning-mbox .clist-ch03 .uls.uls1 .uls-bots {
    margin-top: 1.25rem;
  }

  .lightning-mbox .clist-ch03 .uls2 {
    padding-top: 1.25rem;
  }

  .lightning-8 .contentbox2 .che2 {
    width: 85.15%;
  }

  .lightning-8 .contentbox2 .che2bg {
    width: 100%;
    height: 37rem;
    object-fit: cover;
  }

  .lightning-8 .contentbox2 .che2 {
    top: 12rem;
  }
}

@media (max-width:767px) {
  .lightning-1 .contentbox .leftbox {
    width: 64% !important;
    margin: 0 auto 1.25rem;
  }

  .lightning-1 .contentbox .leftbox {
    width: 100%;
    margin-top: 0;
    margin-bottom: 1.25rem;
  }

  .lightning-1 .rightbox {
    width: 100%;
    margin-right: -8%;
  }

  .lightning-8 .ul {
    margin-top: 0;
  }

  .lightning-4 {
    padding-top: 2rem;
  }

  .lightning-4 .images {
    margin-top: -2.5rem;
  }

  .lightning-4 .uls {
    margin-top: 2.5rem;
  }

  .lightning-5 .ul .li {}

  .lightning-5 .ul .icon {
    width: 1.75rem;
    height: 1.75rem;
  }

  .lightning-5 .ul .icon img {
    max-height: 100%;
  }

  .lightning-5 .ul2 .li {
    width: 100%;
    margin-bottom: 1rem;
  }

  .lightning-6 .leftbox,
  .lightning-6 .rightbox {
    width: 100%;
  }

  .lightning-6 .rightbox {
    margin-top: 1rem;
  }

  .lightning-6 {
    padding: 2rem 0 0;
  }

  .lightning-7 .uls .lis .icons {
    height: 2.75rem;
  }

  .lightning-8 {
    padding: 1.75rem 0 0;
  }

  .lightning-8 .imgbox .imgbg {
    width: 108%;
  }

  .lightning-8 .imgbox .img1 {
    width: 74%;
    left: 12%;
  }

  .lightning-8 .ul .li img {
    height: 1.25rem;
  }

  .lightning-8 .ul {
    margin: 2rem auto 0;
  }

  .lightning-9 {
    padding: 2rem 0 3rem;
  }

  .lightning-12 .pro801-imgs .img5 {
    width: 60%;
    margin: 0 auto;
  }

  .lightning-warpbox1 {
    padding-top: 3rem;
  }

  .lightning-2 {
    padding: 1.5rem 0 0;
  }

  .lightning-3 .tit-bots div {
    letter-spacing: -2px;
  }

  .lightning-3 .tit-bots .tit-bots-01,
  .lightning-4 .texts {
    font-size: .8rem;
  }

  .lightning-5 .imgbox .img2 {
    width: 95%;
  }

  .lightning-5 .imgbox .img1 {
    height: 16.5rem;
  }

  .lightning-5-1 .ul2 .li,
  .lightning-5-1 .ul2 .li:nth-child(2) {
    width: 100%;
  }

  .lightning-5 {
    padding-bottom: 2rem;
  }

  .lightning-5-1 .ul2 {
    margin-top: 1.5rem;
  }

  .lightning-5-1 .ul2 .li .txtbox {
    padding: 1.7rem 6% 1.5rem;
  }

  .lightning-8 .contentbox {
    padding-top: 0.25rem;
    padding-bottom: 14.5rem;
  }

  .lightning-8 .contentbox .titlebox {
    width: 50%;
    margin-left: 6%;
  }

  .lightning-8 .contentbox .che1 {
    right: 0;
    top: 20%;
    width: 130.26%;
    max-width: initial;
  }

  .lightning-8 .contentbox .uls .lis {
    margin-right: 1rem;
  }

  .lightning-8 .contentbox .uls .icons {
    height: 1.5rem;
  }

  .lightning-8 .tit3 {
    font-size: .75rem;
  }

  .lightning-8 .tit4 {
    font-size: 0.65rem;
  }

  .lightning-8 .contentbox .uls .wens {
    font-size: 14px;
  }

  .lightning-8 .contentbox .uls .wens span {
    font-size: 15px;
  }

  .lightning-8 .uls {
    margin-top: 1.5rem;
  }

  .lightning-8 .uls .img2 {
    height: 3rem;
  }

  .lightning-8 .contentbox2 .che2 {
    width: 85.15%;
    top: 9rem;
  }

  .lightning-8 .contentbox2 .che2bg {
    width: 128%;
    height: 20rem;
    object-fit: cover;
  }

  .lightning-9 .imgbox {}

  .lightning-9 .imgbox .bg {
    height: 13rem;
    object-fit: cover;
  }

  .lightning-9 .imgbox .img1 {
    margin-top: -2rem;
    width: 92%;
  }

  .lightning-8 .contentbox2 {
    padding-bottom: 19.25rem;
  }

  .lightning-10 .ul img {
    height: 3.5rem;
  }

  .lightning-10 .tit3 {
    margin-top: .6rem;
  }

  .lightning-10 {
    padding-bottom: 3.25rem;
  }

  .lightning-11 .img2 {
    height: 2rem;
    margin-top: 0.9rem;
  }

  .lightning-11 .chebox {}

  .lightning-11 .chebox .imgbg {
    width: auto;
    max-width: initial;
    height: 11rem;
    left: -31%;
    object-fit: cover;
  }

  .lightning-mbox .txts {
    margin-bottom: .5rem;
  }

  .lightning-8 .contentbox2 {
    margin-top: -2rem;
  }

  .lightning-mbox .clist-ch02 .li .span span {
    font-size: .75rem;
    font-weight: bold;
  }

  .lightning-mbox .clist-ch02 .li .txts {
    font-size: 14px;
    margin-top: .5rem;
  }

  .lightning-mbox .clist-ch02 .li .texts {
    padding: 0.5rem .7rem .5rem 1rem;
  }

  .h8list5 .tit3 {
    font-size: .75rem;
  }

  .h8list11 {
    padding-bottom: 23rem;
  }

  .h8list11 .bg1 {
    display: none;
  }
}

.m8-list1 {
  position: relative;
  z-index: 3;
}

.m8-list1 .bg {
  width: 100%;
  height: 80%;
  position: absolute;
  object-fit: cover;
}

.m8-list1 .img {
  z-index: 2;
}

.m8-list1 .contentbox {
  padding-top: 16vh;
  position: relative;
  z-index: 3;
}

.m8-list1 .contentbox .leftbox {
  width: 49.5%;
  margin-top: 4rem;
}

.m8-list1 .contentbox .img {
  width: 70%;
  margin-right: -20%;
}

.m8-list1 .logo {
  position: relative;
  z-index: 3;
}

.m8-list1 .ul {
  width: 100%;
  padding: 2rem 0;
  border-radius: .5rem;
  position: relative;
  top: -2.5rem;
  border: .2rem solid #c3dcbd;
}

.m8-list1 .ul .li {
  width: 25%;
  padding: 0 2%;
}

.m8-list1 .ul .li .icon {
  width: 2.55rem;
  height: 2.55rem;
  margin-bottom: .7rem;
}

.m8-list1 .ul .li .icon img {
  max-height: 100%;
}

.m8-list1 .ul .li .tit6 {
  margin-top: .35rem;
}

.m8col1 {
  color: #4b4a4a;
}

.m8-list2 {
  position: relative;
  z-index: 4;
  /*background:#fff;*/
  padding: 3rem 0 5rem;
}

.m8-list2 .tip1 {
  width: 6.5rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.m8-list2 .tip2 {
  width: 6.5rem;
  position: absolute;
  left: 0;
  top: 25%;
  z-index: 1;
}

.m8-list2 .contentbox {
  flex-flow: row-reverse wrap;
  position: relative;
  z-index: 3;
}

.m8-list2 .contentbox .leftbox {
  width: 45%;
}

.m8-list2 .contentbox .rightbox {
  width: 40%;
  margin-top: 4.25rem;
}

.m8-list2 .contentbox .rightbox .tit3 {
  margin-bottom: 1.25rem;
}

.m8-list2 .contentbox .rightbox .tit4 {
  margin-bottom: .3rem;
}

.m8-list2 .contentbox2 {
  /*flex-flow:row-reverse wrap;*/
}

.m8-list2 .contentbox2 .leftbox {
  width: 45%;
  position: relative;
}

.m8-list2 .contentbox2 .leftbox .item {
  margin-bottom: 1.5rem;
}

.m8-list2 .contentbox2 .rightbox .tit3 {
  margin-bottom: 1.5rem;
}

.m8-list2 .contentbox2 .rightbox {
  width: 50%;
  margin-top: 5.5rem;
}

.m8-list2 .contentbox2 .rightbox .item {
  margin-bottom: 1.2rem;
}

.m8-list2 .contentbox2 .rightbox .item .tit4:nth-child(1) {
  margin-bottom: .15rem;
}

.m8-list2 .contentbox3 {
  width: calc(50vw + 640px);
  margin-top: -9rem;
  position: relative;
  z-index: 4;
  flex-flow: row-reverse wrap;
}

.m8-list2 .contentbox3 .leftbox {
  width: 62%;
}

.m8-list2 .contentbox3 .leftbox .img3 {
  position: relative;
  width: 100%;
  z-index: 4;
}

.m8-list2 .contentbox3 .rightbox {
  width: 35%;
  margin-top: 18rem;
}

.m8-list2 .contentbox3 .rightbox .tip {
  display: inline-flex;
  margin-top: 1rem;
}

.m8-list2 .contentbox3 .rightbox .tit4 {
  margin-top: .4rem;
}

.m8-list2 .contentbox4 {
  padding: 4.25rem 0 0;
  position: relative;
  z-index: 1;
}

.m8-list2 .contentbox4 .w1280 {
  z-index: 3;
  position: relative;
}

.m8-list2 .contentbox4 .img {
  width: 100%;
  margin-top: -8rem;
}

.m8-list2 .contentbox4 .tit2 {
  margin-bottom: .5rem;
}

.m8-list2 .contentbox4 .tit3 {
  margin-bottom: .5rem;
}

.m8-list2 .contentbox5 {
  padding: 4rem 0 0;
}

.m8-list2 .contentbox5 .tit2 {
  margin-bottom: .5rem;
}

.m8-list2 .contentbox5 .imgbox {
  margin-top: 1.2rem;
  height: 2.25rem;
}

.m8-list2 .contentbox5 .botimg {
  margin-top: -2.5rem;
  position: relative;
  width: 100%;
  z-index: 1;
}

.m8-list2 .contentbox5 .tipbox {
  background: #babead;
  height: 6rem;
  border-radius: 6rem;
  padding: 0 1.25rem;
  width: 1100px;
  max-width: 88%;
  margin: -3rem auto 0;
}

.m8-list2 .contentbox5 .tipbox .icon {
  width: 4.25rem;
  height: 4.25rem;
}

.m8-list2 .contentbox5 .tipbox .titbox {
  width: calc(100% - 5rem);
  margin-left: .5rem;
}

.m8-list2 .contentbox5 .tipbox .titbox .tit5 {
  margin-bottom: .3rem;
}

.m8-list2 .contentbox6 {
  width: calc(50vw + 640px);
  margin-top: 2.5rem;
  margin-left: calc(50vw - 640px);
  position: relative;
  z-index: 4;
}

.m8-list2 .contentbox6 {
  /*flex-flow:row-reverse wrap;*/
}

.m8-list2 .contentbox6 .rightbox {
  width: 37.5%;
  margin-top: 5rem;
}

.m8-list2 .contentbox6 .leftbox {
  width: 74%;
  margin-right: -12%;
}

.m8-list2 .contentbox6 .leftbox img {
  width: 100%;
}

.m8-list2 .contentbox6 .rightbox .tit3 {
  margin-bottom: .6rem;
}

.m8-list2 .contentbox6 .rightbox .tit4 {
  margin-bottom: .35rem;
}

.m8-list2 .contentbox6 .rightbox .tit5 {
  margin-bottom: 1.25rem;
}

.m8-list2 .contentbox6 .rightbox .icon {
  /*width:4.875rem;*/
  height: 4rem;
}

.m8-list2 .contentbox6 .rightbox .icon img {
  max-height: 100%;
}

.m8por3 .pro-li-list img {
  width: 100%;
}

.m8-list2 .contentbox7 {
  width: calc(50vw + 640px);
  margin-top: 2.5rem;
  position: relative;
  z-index: 4;
  flex-flow: row-reverse wrap;
}

.m8-list2 .contentbox7 .rightbox {
  width: 29%;
  margin-top: 4.25rem;
}

.m8-list2 .contentbox7 .leftbox {
  width: 62%;
  margin-right: -12%;
}

.m8-list2 .contentbox7 .rightbox .tit3 {
  margin-bottom: 1.2rem;
}

.m8-list2 .contentbox7 .rightbox .tit4 {
  margin-bottom: .35rem;
}

.m8-list2 .contentbox7 .rightbox .tit5 {
  margin-bottom: 1.25rem;
}

.m8-list2 .contentbox7 .rightbox .icon {
  width: 4.875rem;
}

.m8-list3 {
  position: relative;
  padding-top: 10rem;
  background: #fff;
}

.m8-list3 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: top;
}

.m8-list3 .contentbox8 {
  margin-bottom: 7.5rem;
}

.m8-list3 .contentbox8 .tit2 {
  margin-bottom: .65rem;
}

.m8-list3 .contentbox8 .tit3 {
  margin-bottom: .65rem;
}

.m8-list3 .contentbox8 .icon {
  margin-top: 3.25rem;
  height: 3.5rem;
}

.m8-list3 .contentbox8 .w1280 {
  position: relative;
  z-index: 3;
}

.m8-list3 .contentbox9 {
  padding-left: 2rem;
  width: calc(50vw + 640px);
  position: relative;
  z-index: 4;
  flex-flow: row-reverse wrap;
}

.m8-list3 .contentbox9 .leftbox {
  width: 74%;
  margin-right: -12%;
}

.m8-list3 .contentbox9 .rightbox {
  width: 29%;
  margin-top: 8.25rem;
  text-align: center;
}

.m8-list3 .contentbox9 .rightbox .tit3 {
  margin-bottom: 1.7rem;
}

.m8-list3 .contentbox9 .rightbox .tit4 {
  margin-bottom: 2rem;
  height: 3rem;
}

.m8-list3 .contentbox9 .rightbox .tit4 img {
  max-height: 100%;
}

.m8-list3 .contentbox9 .rightbox .tit5 {
  height: 2rem;
}

.m8por1 .svgtexts {
  background: #735041;
}

.m8por1 .svgtexts span {
  background: none;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

.pro-svg-list .m8por2 {
  padding-top: 4.5rem;
  padding-bottom: 4rem;
  background: #f2fbe3;
}

.pro-svg-list .m8por2 .items .words {
  background: #fff;
}

.m8por2 .items .words .tits {
  line-height: 1.4;
}

.pro-svg-list .m8por2 .swiper-container .swiper-scrollbar-drag {
  background: #73ac6a;
}

.pro-svg-list .m8por2 .swiper-container .swiper-scrollbar {
  background: #fff;
}

.m8por3 {
  background: #fff;
}

.m8por3 .pro-btn-list .icons:before {
  background: url(../m8/i0.png) no-repeat center;
  background-size: 100% 100%;
}

.m8por3 .pro-btn-list .icons {
  color: #333;
}

.m8por4 {
  margin-top: -3rem;
  position: relative;
  z-index: 3;
}

.m8por4 .con-flex {
  background: #73ac6a;
}

.m8por4 .lis .txts {
  color: #fff;
}

.m8-list4 {
  background: #fff;
}

.m8por2.pro-list-11 .items .words {
  transition: all .6s;
}

.m8por2.pro-list-11 .items .words .span {
  transition: all .6s;
}

.m8por2.pro-list-11 .items .imgs img {
  transition: all .6s;
}

.m8por2.pro-list-11 .items:hover .words {
  background: #73ac6a;
}

.m8por2.pro-list-11 .items:hover .words .span {
  color: #fff;
}

.m8por2.pro-list-11 .items:hover .imgs img {
  transform: scale(1.1);
}

.m8por1 img {
  width: 100%;
}

@media (max-width: 767px) {
  .m8-list5 .li .texts {
    padding: 0.5rem 0.7rem;
  }
}

.cg6-list1 {
  position: relative;
  z-index: 3;
  background: #fff;
}

.cg6-list1 .bg {
  width: 100%;
  height: 95%;
  position: absolute;
  object-fit: cover;
}

.cg6-list1 .img {
  z-index: 2;
}

.cg6-list1 .contentbox {
  padding-top: 12vh;
  position: relative;
  z-index: 3;
}

.cg6-list1 .contentbox .leftbox {
  width: 49.5%;
  margin-top: 4rem;
}

.cg6-list1 .contentbox .leftbox img {
  width: 100%;
}

.cg6-list1 .contentbox .img {
  width: 70%;
  margin-right: -20%;
}

.cg6-list1 .logo {
  position: relative;
  z-index: 3;
}

.cg6-list1 .ul {
  width: 100%;
  padding: 2rem 0;
  border-radius: .5rem;
  position: relative;
  border: .2rem solid #b2d8c3;
}

.cg6-list1 .ul .li {
  width: 25%;
  padding: 0 2%;
}

.cg6-list1 .ul .li .icon {
  width: 2.55rem;
  height: 2.55rem;
  margin-bottom: .7rem;
}

.cg6-list1 .ul .li .icon img {
  max-height: 100%;
  max-width: none;
}

.cg6-list1 .ul .li .tit6 {
  margin-top: .35rem;
}

.m8col1 {
  color: #4b4a4a;
}

.cg6-list2 {
  position: relative;
  z-index: 4;
  background: #fff;
  padding: 1rem 0 0;
}

.cg6-list2 .contentbox {
  /*flex-flow:row-reverse wrap;*/
  width: calc(50vw + 640px);
  margin-left: calc(50vw - 640px);
}

.cg6-list2 .contentbox .leftbox {
  width: 63%;
}

.cg6-list2 .contentbox .leftbox img {
  width: 100%;
}

.cg6-list2 .contentbox .rightbox {
  width: 37%;
  margin-top: 4.25rem;
}

.cg6-list2 .contentbox .rightbox .tit3 {
  margin-bottom: 1.25rem;
}

.cg6-list2 .contentbox .rightbox .tit4 {
  margin-bottom: .3rem;
}

.cg6-list2 .contentbox2 {
  position: relative;
  z-index: 2;
  margin-top: -3rem;
}

.cg6-list2 .contentbox2 .tit3 {
  margin-bottom: .75rem;
}

.cg6-list2 .contentbox2 .img {
  width: 100%;
  margin-top: -5rem;
}

.cg6-list2 .contentbox2 .img img {
  width: 100%;
}

.cg6-list2 .contentbox3 {
  padding-top: 4rem;
  position: relative;
  z-index: 4;
}

.cg6-list2 .contentbox3 .tit3 {
  margin-bottom: .5rem;
}

.cg6-list2 .contentbox3 .img {
  margin-top: -3rem;
}

.cg6-list2 .contentbox3 .img1 {
  z-index: 3;
  width: 100%;
}

.cg6-list2 .contentbox3 .img2 {
  height: 19.25rem;
}

.cg6-list2 .contentbox3 .ul {
  margin-top: -1rem;
}

.cg6-list2 .contentbox3 .ul .li {
  width: 47%;
}

.cg6-list2 .contentbox3 .ul .li img {
  width: 100%;
}

.cg6-list2 .contentbox4 {
  margin-top: -2rem;
  position: relative;
  z-index: 4;
}

.cg6-list2 .contentbox4 .img {
  width: 100%;
}

.cg6-list2 .contentbox4 .tit3 {
  margin-bottom: .5rem;
}

.cg6-list2 .contentbox4 .tit4 {
  margin-bottom: .5rem;
}

.cg6-list2 .contentbox4 .text {
  padding-left: 46%;
}

.cg6-list2 .contentbox4 .text .imgbg {
  width: 100%;
}

.cg6-list2 .contentbox5 {
  padding: 1.5rem 0 0;
}

.cg6-list2 .contentbox5 .tit2 {
  margin-bottom: .75rem;
}

.cg6-list2 .contentbox5 .tit3 {
  margin-bottom: .35rem;
}

.cg6-list2 .contentbox5 .imgbox {
  margin-top: 1.2rem;
  height: 2.25rem;
}

.cg6-list2 .contentbox5 .botimg {
  position: relative;
  z-index: 1;
  width: 100%;
}

.cg6-list2 .contentbox5 .tipbox {
  background: #babead;
  height: 6rem;
  border-radius: 6rem;
  padding: 0 1.25rem;
  width: 1100px;
  max-width: 88%;
  margin: -3rem auto 0;
}

.cg6-list2 .contentbox5 .tipbox .icon {
  width: 4.25rem;
  height: 4.25rem;
}

.cg6-list2 .contentbox5 .tipbox .titbox {
  width: calc(100% - 5rem);
  margin-left: .5rem;
}

.cg6-list2 .contentbox5 .tipbox .titbox .tit5 {
  margin-bottom: .3rem;
}

.cg6-list2 .contentbox6 {
  width: calc(50vw + 640px);
  margin-top: 2.5rem;
  margin-left: calc(50vw - 640px);
  position: relative;
  z-index: 4;
}

.cg6-list2 .contentbox6 {
  flex-flow: row wrap;
}

.cg6-list2 .contentbox6 .rightbox {
  width: 37.5%;
  margin-top: 5rem;
}

.cg6-list2 .contentbox6 .leftbox {
  width: 74%;
  margin-right: -12%;
}

.cg6-list2 .contentbox6 .leftbox img {
  width: 100%;
}

.cg6-list2 .contentbox6 .rightbox .tit3 {
  margin-bottom: .75rem;
}

.cg6-list2 .contentbox6 .rightbox .tit4 {
  margin-bottom: .35rem;
}

.cg6-list2 .contentbox6 .rightbox .tit5 {
  margin-bottom: 1.25rem;
}

.cg6-list2 .contentbox6 .rightbox .icon {
  width: 4.875rem;
}

.cg6-list2 .contentbox7 {
  width: calc(50vw + 640px);
  margin-left: calc(50vw - 640px);
  position: relative;
  z-index: 1;
  flex-flow: row wrap;
  margin-top: -3rem;
}

.cg6-list2 .contentbox7 .rightbox {
  width: 35%;
  margin-top: 8.25rem;
  margin-right: -10%;
}

.cg6-list2 .contentbox7 .leftbox {
  width: 72%;
  margin-right: 0;
}

.cg6-list2 .contentbox7 .leftbox img {
  width: 100%;
}

.cg6-list2 .contentbox7 .rightbox .tit3 {
  margin-bottom: 1.2rem;
}

.cg6-list2 .contentbox7 .rightbox .tit4 {
  margin-bottom: .35rem;
}

.cg6-list2 .contentbox7 .rightbox .tit5 {
  margin-bottom: 1.25rem;
}

.cg6-list2 .contentbox7 .rightbox .icon {
  width: 4.875rem;
}

.cg6-list3 {
  position: relative;
  background: #fff;
}

.cg6-list3 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: top;
}

.cg6-list3 .contentbox8 {
  margin-bottom: 7.5rem;
}

.cg6-list3 .contentbox8 .tit2 {
  margin-bottom: .65rem;
}

.cg6-list3 .contentbox8 .tit3 {
  margin-bottom: .65rem;
}

.cg6-list3 .contentbox8 .icon {
  margin-top: 3.25rem;
  height: 3.5rem;
}

.cg6-list3 .contentbox8 .w1280 {
  position: relative;
  z-index: 3;
}

.cg6-list3 .contentbox9 {
  padding-left: 2rem;
  width: calc(50vw + 640px);
  position: relative;
  z-index: 4;
}

.cg6-list3 .contentbox9 .leftbox {
  width: 74%;
  margin-right: -12%;
}

.cg6-list3 .contentbox9 .rightbox {
  width: 29%;
  margin-top: 8.25rem;
}

.cg6-list3 .contentbox9 .rightbox .tit3 {
  margin-bottom: 1.7rem;
}

.cg6-list3 .contentbox9 .rightbox .tit4 {
  margin-bottom: 2rem;
  height: 3rem;
}

.cg6-list3 .contentbox9 .rightbox .tit5 {
  height: 2rem;
}

.cg6por1 .svgtexts {
  background: #735041;
}

.cg6por1 .svgtexts span {
  background: none;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

.pro-svg-list .cg6por2 {
  padding-top: 4.5rem;
  padding-bottom: 4rem;
  background: #e2f2ec;
}

.pro-svg-list .cg6por2 .items .words {
  background: #fff;
}

.cg6por2 .items .words .tits {
  line-height: 1.4;
}

.pro-svg-list .cg6por2 .swiper-container .swiper-scrollbar-drag {
  background: #b9dfd0;
}

.pro-svg-list .cg6por2 .swiper-container .swiper-scrollbar {
  background: #fff;
}

.cg6por3 {
  background: #fff;
}

.cg6por3 .pro-btn-list .icons:before {
  background: url(../cg6/i0.png) no-repeat center;
  background-size: 100% 100%;
}

.cg6por3 .pro-btn-list .icons {
  color: #333;
}

.cg6por4 {
  margin-top: -3rem;
  position: relative;
  z-index: 3;
}

.cg6por4 .con-flex {
  background: #7aaf93;
}

.cg6por4 .con-flex .lis:before {
  border-left: 2px dashed #a9beaf;
}

.cg6por2 .items .imgs {
  height: 10.5rem;
}

.cg6por2 .items .imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cg6por4 .lis .txts {
  color: #fff;
}

.cg6-list4 {
  background: #fff;
}

.cg6por2.pro-list-11 .items .words {
  transition: all .6s;
}

.cg6por2.pro-list-11 .items .words .span {
  transition: all .6s;
}

.cg6por2.pro-list-11 .items .imgs img {
  transition: all .6s;
}

.cg6por2.pro-list-11 .items:hover .words {
  background: #b9dfd0;
}

.cg6por2.pro-list-11 .items:hover .words .span {
  color: #fff;
}

.cg6por2.pro-list-11 .items:hover .imgs img {
  transform: scale(1.1);
}

.cg6-list5 .li .images {
  height: 12rem;
}

.cg6-list5 .li .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pro-svg-list .pro-list-10 img {
  width: 100%;
}

@media (max-width:1800px) {
  .cg6-list2 .contentbox3 .img {
    margin-top: -1rem;
  }
}

@media (max-width:1680px) {
  .cg6-list2 .contentbox3 .img {
    margin-top: 1rem;
  }

  .cg6-list2 .contentbox7 {
    width: 94%;
    margin-left: 6%;
  }

  .cg6-list2 .contentbox {
    width: 94%;
    margin-left: 6%;
  }

  .cg6-list2 .contentbox7 .leftbox {
    width: 64%;
  }

  .cg6-list2 .contentbox7 .rightbox {
    width: 38%;
  }

  .cg6-list2 .contentbox6 {
    width: 94%;
  }

  .cg6-list2 .contentbox6 {
    margin-left: 6%;
  }

  .m8-list2 .contentbox7 .leftbox {
    width: 60%;
  }

  .m8-list2 .contentbox7 .rightbox {
    width: 32%;
    margin-top: 2.25rem;
  }

  .m8-list2 .contentbox6 {
    width: 94%;
    margin-left: 6%;
  }

  .m8-list2 .contentbox3 {
    width: 94%;
  }

  .m8-list2 .contentbox3 .rightbox {
    margin-top: 12rem;
  }

  .m8-list2 .contentbox7,
  .m8-list3 .contentbox9 {
    width: 94%;
  }
}

@media (max-width:1024px) {
  .cg6-list2 .contentbox4 .text {
    padding-left: 60%;
  }
}

@media (max-width:996px) {
  .cg6-list1 .contentbox .leftbox {
    width: 100%;
    margin-top: 0;
    margin-bottom: 1.5rem;
  }

  .cg6-list1 .contentbox {
    padding-top: 3rem;
  }

  .cg6-list1 .contentbox .img {
    width: 100%;
    margin-right: 0;
  }

  .cg6-list2 .contentbox .rightbox {
    width: 40%;
  }

  .cg6-list2 .contentbox .leftbox {
    width: 60%;
  }

  .cg6-list2 .contentbox .leftbox {
    width: 100%;
  }

  .cg6-list2 .contentbox .rightbox {
    width: 100%;
  }

  .m8-list3 .contentbox9 .leftbox {
    width: 60%;
  }

  .m8-list3 .contentbox9 .rightbox {
    width: 34%;
    margin-top: 6.25rem;
  }

  .m8-list3 .contentbox8 .icon {
    margin-top: 2rem;
  }
}

@media (max-width:767px) {
  .cg6-list2 .contentbox5 .botimg {
    height: 14rem;
    object-fit: cover;
    margin-top: 1rem;
  }

  .cg6-list5 .li .images {
    height: 6rem;
  }

  .cg6-list2 {
    padding-top: 2rem;
  }

  .cg6-list2 .contentbox {
    flex-flow: row wrap;
    padding-bottom: 2rem;
  }

  .cg6-list2 .contentbox .rightbox {
    margin-top: 0;
    margin-bottom: 1.7rem;
  }

  .cg6-list2 .contentbox2 {
    margin-top: 0;
  }

  .cg6-list2 .contentbox .rightbox {
    padding-right: 6%;
    text-align: center;
  }

  .cg6-list2 .contentbox2 .img {
    margin-top: 1.5rem;
  }

  .cg6-list2 .contentbox2 .tit3,
  .cg6-list2 .contentbox2 .tit4 {
    text-align: center;
  }

  .cg6-list2 .contentbox3 .img1 {
    height: 14rem;
  }

  .cg6-list2 .contentbox3 .img2 {
    height: 12.25rem;
    width: 90%;
    object-fit: contain;
  }

  .cg6-list2 .contentbox6 .leftbox {
    width: 106%;
    right: 6%;
  }

  .cg6-list2 .contentbox6 .leftbox img {
    height: 22rem;
    object-fit: cover;
  }

  .cg6-list2 .contentbox6 .rightbox {
    width: 100%;
  }

  .cg6-list2 .contentbox6 .rightbox {
    margin-top: 0;
    padding-right: 6%;
    text-align: center;
  }

  .cg6-list2 .contentbox4 {
    margin-top: 0;
    background: #f9f9f9;
    padding-top: 1.5rem;
  }

  .cg6-list2 .contentbox4 .text {
    padding-left: 0;
    position: absolute;
    width: 100%;
    top: 2rem;
    left: 0;
    transform: translate(0, 0);
    text-align: center;
  }

  .cg6-list2 .contentbox4 .bgimg {
    height: 35rem;
    object-fit: cover;
    width: 100%;
  }

  .cg6-list2 .contentbox7 .rightbox {
    width: 100%;
    margin-top: 5rem;
    margin-right: 0;
    padding-right: 6%;
  }

  .cg6-list2 .contentbox7 .leftbox {
    width: 106%;
    left: -3%;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .cg6-list5 .li .texts {
    padding: 0.5rem 0.7rem;
  }

  .cg6-list1 .ul .li {
    width: 50%;
    margin-bottom: 1rem;
  }

  .cg6-list1 .ul {
    padding: 1.25rem 0 .5rem;
  }

  .m8-list1 .contentbox {
    padding-top: 3rem;
  }

  .m8-list1 .contentbox .leftbox {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .m8-list1 .contentbox .img {
    width: 100%;
    margin-right: 0;
  }

  .m8-list1 .contentbox .leftbox {
    margin-top: 0;
  }

  .m8-list1 .ul .li {
    width: 50%;
    margin-bottom: .75rem;
  }

  .m8-list1 .ul {
    padding: 1.25rem 0 .75rem;
  }

  .m8-list2 .contentbox .leftbox {
    width: 100%;
  }

  .m8-list2 .contentbox .rightbox {
    width: 100%;
    margin-top: 0;
    margin-bottom: 2rem;
    text-align: center;
  }

  .m8-list2 {
    padding: 1.5rem 0 3rem;
  }

  .m8-list2 .contentbox2 .rightbox {
    width: 100%;
    margin-top: 0;
    text-align: center;
  }

  .m8-list2 .contentbox2 .leftbox {
    width: 100%;
  }

  .m8-list2 .contentbox .rightbox .tit3 {
    margin-bottom: .8rem;
  }

  .m8-list2 .contentbox2 .rightbox .tit3 {
    margin-bottom: .8rem;
  }

  .m8-list2 .contentbox2 .rightbox .item {
    margin-bottom: .6rem;
  }

  .m8-list2 .contentbox3 {
    padding-top: 2rem;
    margin-top: -3rem;
  }

  .m8-list2 .contentbox3 .rightbox {
    width: 100%;
    text-align: center;
    margin-top: 0;
  }

  .m8-list2 .contentbox3 .leftbox {
    width: 100%;
  }

  .m8-list2 .contentbox4 {
    padding-top: 3rem;
  }

  .m8-list2 .contentbox4 .img {
    width: 100%;
    margin-top: -3rem;
    height: 15rem;
    object-fit: cover;
  }

  .m8-list2 .contentbox5 {
    padding-top: 3rem;
  }

  .m8-list2 .contentbox5 .botimg {
    margin-top: 0;
    height: 15rem;
    object-fit: cover;
  }

  .m8-list2 .contentbox5 .tipbox {
    margin: -1rem auto 0;
    border-radius: .25rem;
    padding: .5rem 1rem;
  }

  .m8-list2 .contentbox5 .tipbox .icon {
    width: 3.5rem;
    height: 3.5rem;
  }

  .m8-list2 .contentbox5 .tipbox .titbox {
    width: calc(100% - 4.5rem);
    margin-left: 1rem;
  }

  .m8-list2 .contentbox6 .rightbox {
    width: 100%;
    margin-top: 0;
    margin-bottom: 1.5rem;
    padding-right: 6%;
    text-align: center;
  }

  .m8-list2 .contentbox6 .rightbox .icon {
    margin: 0 auto;
  }

  .m8-list2 .contentbox6 .leftbox {
    width: 100%;
  }

  .m8-list2 .contentbox7 {
    padding-top: 1rem;
  }

  .m8-list2 .contentbox7 .leftbox {
    width: 100%;
  }

  .m8-list2 .contentbox7 .rightbox {
    width: 100%;
    text-align: center;
    padding-left: 6%;
    margin-top: 0;
  }

  .m8-list2 .contentbox7 .leftbox {
    width: 106%;
    left: -6%;
    height: 16rem;
  }

  .m8-list2 .contentbox7 .leftbox img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .m8-list2 {
    position: relative;
    z-index: 3;
    padding-bottom: 0;
  }

  .m8-list2 .contentbox7 .rightbox .tit3 {
    margin-bottom: .8rem;
  }

  .m8-list3 {
    padding-top: 10rem;
    margin-top: -5rem;
    z-index: 1;
    padding-bottom: 4rem;
  }

  .m8-list3 .contentbox8 .w1280 {
    text-align: center;
  }

  .m8-list3 .contentbox8 {
    margin-bottom: 33.5rem;
  }

  .m8-list3 .contentbox9 .leftbox {
    width: 100%;
    margin-right: 0;
  }

  .m8-list3 .contentbox9 .rightbox {
    width: 100%;
    margin-top: 0;
    margin-bottom: 2rem;
  }

  .m8-list3 .contentbox9 .leftbox .tit5 {
    margin-top: 0;
  }

  .m8-list3 .contentbox9 .leftbox .tit5 img {
    width: 100%;
  }

  .m8-list3 .contentbox8 .icon {
    margin-top: 1.2rem;
  }

  .m8-list3 .contentbox9 .rightbox .tit3 {
    margin-bottom: 1.2rem;
  }

  .m8-list3 .contentbox9 .rightbox .tit4 {
    margin-bottom: 0;
  }

  .m8-list2 .contentbox6 .leftbox {
    width: 106%;
    left: -6%;
  }

  .m8-list2 .contentbox6 .leftbox img {
    width: 100%;
    height: 23rem;
    object-fit: cover;
  }

  .m8-list2 .contentbox .leftbox {
    width: 80%;
    margin: 0 auto;
  }

  .m8-list1 .ul {
    top: 0;
  }

  .m8-list2 .tip1 {
    width: 3.5rem;
  }

  .m8-list2 .tip2 {
    width: 3.5rem;
    top: 40%;
  }

  .cg6-list1 .ul .li .icon img {
    max-width: 140%;
  }

  .h8list6 .leftbox .li .p {
    font-size: 15px;
    text-align: center;
  }

  .h8list6 .leftbox .li .p .span {
    display: inline-block;
  }

  .csy-list2 .contentbox4 .ul .li {
    width: 48%;
    margin-bottom: 1rem;
  }

  .csy-list2 .contentbox4 .ul .li .p {
    margin-top: 1rem;
  }
}

.cg6-list2 .contentbox4 img {
  width: 100%;
}

.m8-list2 .contentbox7 .leftbox img {
  width: 100%;
}

@media (min-width: 2100px) {
  .cg6-list1 .bg {
    height: 100%;
  }

  .cg6-list2 .contentbox7 {
    margin-top: -3.5rem;
  }

  .m8-list1 .bg {
    height: 100%;
  }

  .m8-list2 .contentbox2 .leftbox {
    width: 55%;
    margin-right: -5%;
  }

  .m8-list3 .contentbox8 {
    margin-bottom: 15.5rem;
  }
}

@media (min-width: 2600px) {
  .cg6-list1 .bg {
    height: 100%;
  }

  .cg6-list2 .contentbox7 {
    margin-top: -4rem;
  }

  .m8-list1 .bg {
    height: 100%;
  }
}

.pro-list-10 .svgtexts {
  line-height: 1.3;
}