/*height: 94% !important;*/
/*object-fit:contain !important;*/

/*.technology-list2 .contentbox1{
  margin-top:4.5rem;
  flex-flow:row wrap !important;
}*/



.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;
}

.zw1320 {
  width: 1320px;
  max-width: 88%;
  margin: 0 auto;
}

.cg5-list1 {
  position: relative;
  z-index: 3;
  background: #fef4f5;
}

.cg5-list1 .bg {
  width: 100%;
  /* height:75%; */
  position: absolute;
  object-fit: cover;
}

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

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

.cg5-list1 .contentbox .leftbox {
  width: 53.2%;
  margin-top: 6.5rem;
}

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

.cg5-list1 .contentbox .img {
  width: 56.1%;
  margin-right: -9.5%;
}

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

.cg5-list1 .ul {
  width: 100%;
  padding: 2rem 0;
  border-radius: .5rem;
  position: relative;
  border: .2rem solid #b2d8c3;
}

.cg5-list1 .ul .li {
  width: 25%;
  padding: 0 2%;
}

.cg5-list1 .ul .li .icon {
  width: 2.55rem;
  height: 2.55rem;
  margin-bottom: .7rem;
}

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

.cg5-list1 .ul .li .tit6 {
  margin-top: .35rem;
}

.m8col1 {
  color: #4b4a4a;
}

.cg5-list2 {
  position: relative;
  z-index: 4;
  background: #fff;
  /*padding:1rem 0 0;*/
}

.cg5-list2 .contentbox {
  /*flex-flow:row-reverse wrap;*/
  width: calc(50vw + 640px);
  margin-left: calc(50vw - 640px);
  padding-right: 5rem;
}

.cg5-list2 .contentbox .leftbox {
  width: 63%;
}

.cg5-list2 .contentbox .rightbox {
  width: 37%;
  /* margin-top:5.8rem;
  margin-right:3rem; */
}

.cg5-list2 .contentbox .rightbox .tit3 {
  margin-bottom: 1.25rem;
}

.cg5-list2 .contentbox .rightbox .tit4 {
  margin-bottom: .3rem;
}


.cg5-list2 .contentbox2 {
  position: relative;
  z-index: 6;
  /* margin-top:-3rem; */
}

.cg5-list2 .contentbox2 .tit3 {
  margin-bottom: .75rem;
}

.cg5-list2 .contentbox2 .img {
  width: 100%;
  margin-top: -5rem;
}

.cg5-list2 .contentbox2 .img img {
  width: 100%;
}


.cg5-list2 .contentbox3 {
  padding-top: 7.2rem;
  position: relative;
  /* z-index: 36; */
  background-image: url(../cg5/Y/4.jpg);
      background-size: cover;
}

.cg5-list2 .contentbox3 .tit3 {
  margin-bottom: .5rem;
}

.cg5-list2 .contentbox3 .img1 {
  z-index: 3;
  width: 100%;
}

.cg5-list2 .contentbox3 .img2 {
  height: 19.25rem;
}

.cg5-list2 .contentbox3 .ul {
  margin-top: -1rem;
}

.cg5-list2 .contentbox3 .ul .li {
  width: 47%;
}

.cg5-list2 .contentbox3 .ul .li img {
  width: 100%;
}

.cg5-list2 .contentbox4 {
  margin-top: -2rem;
  position: relative;
  z-index: 4;
}

.cg5-list2 .contentbox4 .img {
  width: 100%;
}

.cg5-list2 .contentbox4 .tit3 {
  margin-bottom: .5rem;
}

.cg5-list2 .contentbox4 .tit4 {
  margin-bottom: .5rem;
}

.cg5-list2 .contentbox4 .text {
  padding-left: 46%;
}

.cg5-list2 .contentbox5 {
  padding:0 0 4rem;
  margin-top:-7rem;
  /*background-color: #fdeff2;*/
    background: linear-gradient(to top,#fdeef1 80%,transparent);
  width: 100%;
  padding-right: calc(50vw - 640px);
  position: relative;
  z-index: 4;
  flex-flow:row-reverse wrap;
}
.cg5-list2 .contentbox5  .img{
  width:70%;
}
.cg5-list2 .contentbox5 .leftbox{
  width:28%;
  margin-top:7rem;
}
.cg5-list2 .contentbox5 .tit2 {
  margin-bottom: .75rem;
}

.cg5-list2 .contentbox5 .tit3 {
  margin-bottom: .35rem;
}

.cg5-list2 .contentbox5 .imgbox {
  margin-top: 1.2rem;
  height: 2.25rem;
}

.cg5-list2 .contentbox5 .botimg {
  position: relative;
  z-index: 1;
}

.cg5-list2 .contentbox5 .tipbox {
  background: #babead;
  height: 6rem;
  border-radius: 6rem;
  padding: 0 1.25rem;
  width: 1100px;
  max-width: 88%;
  margin: -3rem auto 0;
}

.cg5-list2 .contentbox5 .tipbox .icon {
  width: 4.25rem;
  height: 4.25rem;
}

.cg5-list2 .contentbox5 .tipbox .titbox {
  width: calc(100% - 5rem);
  margin-left: .5rem;
}

.cg5-list2 .contentbox5 .tipbox .titbox .tit5 {
  margin-bottom: .3rem;
}

.cg5-list2 .contentbox6 {
  width: calc(50vw + 640px);
  /* margin-top: 2.5rem; */
  margin-left: calc(50vw - 640px);
  position: relative;
  z-index: 4;
 
}
.cg5-list2 .contentbox6.contentbox_1{
  /*background-color: #fdeff2;
  background-image: url(../cg5/Y/4.jpg);*/
      background: linear-gradient(to bottom,#fdeef1,transparent);
} 
.cg5-list2 .contentbox6.contentbox_2{
  background-color: #fdeff2;
  margin-top:-2.25rem;
}
.cg5-list2 .contentbox6 {
  flex-flow: row wrap;

}

.cg5-list2 .contentbox6 .rightbox {
  width: 37.5%;
  margin-top: 7rem;
}

.cg5-list2 .contentbox_2 .rightbox{
  margin-top:12rem;
}



.cg5-list2 .contentbox6 .rightbox .tit3 {
  margin-bottom: .75rem;
}

.cg5-list2 .contentbox6 .rightbox .tit4 {
  margin-bottom: .35rem;
}

.cg5-list2 .contentbox6 .rightbox .tit5 {
  margin-bottom: 1.25rem;
}

.cg5-list2 .contentbox6 .rightbox .icon {
  width: 4.875rem;
}



.cg5-list2 .contentbox7 {
  width: calc(50vw + 640px);
  margin-left: calc(50vw - 640px);
  position: relative;
  z-index: 1;
  flex-flow: row wrap;
  margin-top: -3rem;
}

.cg5-list2 .contentbox7 .rightbox {
  width: 35%;
  margin-top: 8.25rem;
  margin-right: -10%;
}

.cg5-list2 .contentbox7 .leftbox {
  width: 72%;
  margin-right: 0;
}

.cg5-list2 .contentbox7 .leftbox img {
  width: 100%;
}

.cg5-list2 .contentbox7 .rightbox .tit3 {
  margin-bottom: 1.2rem;
}

.cg5-list2 .contentbox7 .rightbox .tit4 {
  margin-bottom: .35rem;
}

.cg5-list2 .contentbox7 .rightbox .tit5 {
  margin-bottom: 1.25rem;
}

.cg5-list2 .contentbox7 .rightbox .icon {
  width: 4.875rem;
}

.cg5-list3 {
  position: relative;
  background: #fff;
}

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

.cg5-list3 .contentbox8 {
  margin-bottom: 7.5rem;
}

.cg5-list3 .contentbox8 .tit2 {
  margin-bottom: .65rem;
}

.cg5-list3 .contentbox8 .tit3 {
  margin-bottom: .65rem;
}

.cg5-list3 .contentbox8 .icon {
  margin-top: 3.25rem;
  height: 3.5rem;
}

.cg5-list3 .contentbox8 .w1280 {
  position: relative;
  z-index: 3;
}


.cg5-list3 .contentbox9 {
  padding-left: 2rem;
  width: calc(50vw + 640px);
  position: relative;
  z-index: 4;
}

.cg5-list3 .contentbox9 .leftbox {
  width: 74%;
  margin-right: -12%;
}

.cg5-list3 .contentbox9 .rightbox {
  width: 29%;
  margin-top: 8.25rem;
}

.cg5-list3 .contentbox9 .rightbox .tit3 {
  margin-bottom: 1.7rem;
}

.cg5-list3 .contentbox9 .rightbox .tit4 {
  margin-bottom: 2rem;
  height: 3rem;
}

.cg5-list3 .contentbox9 .rightbox .tit5 {
  height: 2rem;
}


.cg5por1 .svgtexts {
  background: #735041;
}

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

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

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

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

.pro-svg-list .cg5por2 .swiper-container .swiper-scrollbar-drag {
  background: #f6d3de;
}

.pro-svg-list .cg5por2 .swiper-container .swiper-scrollbar {
  background: #fff;
}

.cg5por3 {
  background: #fff;
}

.cg5por3 .pro-btn-list .icons:before {
  background: url(../cg5/i0.png) no-repeat center;
  background-size: 100% 100%;
}

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

.cg5por4 {
  margin-top: -4rem;
  position: relative;
  background:#fdeff2 !important;
  z-index: 3;
}

.cg5por4 .con-flex {
  background: #7aaf93;
}

.cg5por4 .con-flex .lis:before {
  border-left: 2px dashed #a9beaf;
}

.cg5por2 .items .imgs {
  height: 10.5rem;
}

.cg5por2 .items .imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cg5por4 .lis .txts {
  color: #fff;
}

.cg5-list4 {
  background: #fff;
}

.cg5por2.pro-list-11 .items .words {
  transition: all .6s;
}

.cg5por2.pro-list-11 .items .words .span {
  transition: all .6s;
}

.cg5por2.pro-list-11 .items .imgs img {
  transition: all .6s;
}

.cg5por2.pro-list-11 .items:hover .words {
  background: #b9dfd0;
}

.cg5por2.pro-list-11 .items:hover .words .span {
  color: #fff;
}

.cg5por2.pro-list-11 .items:hover .imgs img {
  transform: scale(1.1);
}

.cg5-list5 .li .images {
  height: 12rem;
}

.cg5-list5 .li .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}





.cg5-list1 .contentbox {
  padding-top: 10vh;
}

.cg5-list1 .contentbox .leftbox {
  width: 49.5%;
  margin-top: 6.5rem;
}

.cg5-list1 .ul {
  border: .2rem solid #EED7DD;
}

.cg5-list2 .contentbox .ul_1 {
  margin: 1rem 0 0;
  height:3.25rem;
}
.cg5-list2 .contentbox .ul_1 img{
  max-height:100%;
}



.cg5-list2 .contentbox2 {
  margin-left:calc(50vw - 640px);
  /*margin-top: 0.5125rem;*/
  width: calc(50vw + 640px);
}

.cg5-list2 .contentbox {
  margin: 0;
  /*background-color: #fdeff1;*/
  flex-flow: row-reverse wrap;
}

.cg5-list2 .contentbox .contentbox_1 {
  width: calc(50vw + 640px);
  margin-right: calc(50vw - 640px) !important
}

.cg5-list2 .contentbox .leftbox {
  width: 64%;

  z-index: 5;
  margin-right: 9.25rem;
}

.cg5-list2 .y-box1 .leftbox {
  position: absolute;
  bottom: 1.6%;
  width: 48.9%;
  z-index: 1;
  left: 7.1%;

}

.cg5-list2 .por .por1 {
  background-image: url('web/img/cg5/cn.png');
  background-color: #fdeff1;
  width: 100%;
  z-index: 1;
}


.cg5-list2 .contentbox2 .leftbox {

  width: none;

}



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

.cg5-list2 .contentbox2 .rightbox {
  margin-top: 6rem;
  z-index: 1;

}

.cg5-list2 .contentbox3 .img {
  background:linear-gradient(to top,#fdeef1,transparent);
  margin-top: 1.5rem;
}

.cg5-list2 .contentbox6 .leftbox_1 {

  transform: translateY(1.9rem);

}

.cg5-list2 .contentbox6 .leftbox img {
  /*transform: translateY(-9rem);*/
  margin-top: -14rem;
}

.cg5-list2 .contentbox_2 .leftbox img{
  margin-top:0;
}

.cg5-list2 .contentbox6 .c1 {
  margin-top: 0.25rem;

}

.cg5-list2 .contentbox5 {

  display: flex;
}

.contentbox5 .botimg {
  /*width: 60%;	*/

}

.contentbox5 .w1280 {
  flex: 1;

}

.pro-svg-list .cg5por2 {

  background-color: #fdeff1;
}

.cg5por2.pro-list-11 .items:hover .words {
  background: #e79da0;
}

/*.cg5-list4 {
background: #fdeff2;
z-index: 33;
}*/
.m8por3 {
  background: #fdeff2;
}

/*background: #fdeff2;*/

.cg5por4 .con-flex {
  background: #e79da0;
}

.cg5por4 .con-flex .lis:before {
  border-left: 2px dashed #dfb5b5;
}

.cg5-list2 .contentbox {
  width: 100%;
}

.proinfobodys {
  /*background: url(web);*/
  background-color: #e79da0;
}

.contentbox2 .ul_1 {
  margin: 1rem 0;
  height:3.25rem;
}
.contentbox2 .ul_1 img{
  max-height:100%;
}



.cg5-list2 .contentbox6 .contentbox_1,
.cg5-list2 .contentbox6 {
  z-index: 6;
  width: 100%;
  padding-top: 2.5rem;
  margin-left: 0;
  position: relative;
  z-index: 4;
}

.cg5-list2 .contentbox6 {
  padding: 0;
  margin: 0;
  /* transform: translateY(-8rem); */
}

.cg5-list2 .contentbox6 .contentbox_2 {
  width: 100%;
  /*padding-top: 2.5rem;*/
  margin-left: 0;
  margin-top: -5.5rem;
  position: relative;
  z-index: 4;
  /*transform:translateY(-2rem);*/
}



.cg5-list2 .contentbox6 .rightbox {
  margin-left: calc(50vw - 640px);

}

.cg5-list2 .contentbox6 .leftbox>img {
  width: 100%;
  max-width: 100%;
}

.contentbox_2 .leftbox {
  z-index: 6;
  width:44%;
  /*transform:translateY(-9rem);*/

}

.contentbox6 .f-no-b-start .contentbox_2 {
  transform: translateY(-12rem) !important;

}

.contentbox3 {
  /* transform: translateY(-6rem); */
}



/*.cg5_bc{
position: relative;
	width: 100%;
	z-index: 5;

}*/
/*.cg5_bc img{
	position: absolute;
	top: 0;
	left: 0;
margin-top:-25rem;
	width: 100%;
	z-index: 1
}*/
.contentbox6Img {
  position: relative;
  z-index: 5;
  width: 100%
}

.contentbox6Img img {

  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -25rem;
  width: 100%;
  z-index: 1
}

.contentboximg {
  position: relative;
  z-index: 1;
  width: 100%
}

/*.contentboximg img{
	width:100%;
		position: absolute;
		top: 0;
		left：0;
	width: 100%;
	z-index: 1

}*/
.contentbox .leftbox,
.contentbox .right {

  z-index: 3;
}

.ying {
  width: 100%;
  max-width: none;
}

.y-box1 .contentbox {
  position: absolute;
  top: 25%;
  left: -4%;
}

.y-box2 {
  margin-top: 0;
  position: relative;
  z-index: 33;
  background-image: url(../cg5/Y/3.jpg);
  /* padding-top: 15rem; */
  padding-bottom: 8.35rem;
  background-size: cover;
}

.y-box2 .ying {
  /* position: absolute; */
  /* top: -32%; */
  /* left: 0; */
}

.cg5-list2 .leftbox img {
  width: 100%;
}

.cg5-list2  .y-box2  .leftbox{
  position: absolute;
  right: -16vw;
  top: 1%;
  width:71vw;
}
.cg5por1 img{
    width:100%;
}
.contentbox6.contentbox_1 .leftbox{
    width:100%;
}
.m8por3 .pro-btn-list .icons:before{
    transition: all .6;
}

.m8por3 .pro-btn-list .icons:hover:before{
    background: url(../cg5/m12.png) no-repeat center;
    background-size: 100%;

}
.m8por3 .pro-btn-list .icons.active:before{
    background: url(../cg5/m12.png) no-repeat center;
    background-size: 100%;
}
.m8por3 .pro-btn-list .icons{
    color:#333;
}
@media (min-width:2000px) {
  .contentbox_2 .leftbox{
        width: 40%;
  }
}
@media (min-width:2200px) {
    .contentbox_2 .leftbox{
        width: 37%;
    }
    .cg5-list2 .contentbox6.contentbox_2{
        margin-top: -3.25rem;
    }
}

@media (max-width:1680px) {
  .cg5-list2 .contentbox3 .img {
    margin-top: 1rem;
  }

  .cg5-list2 .contentbox7 {
    width: 94%;
    margin-left: 6%;
  }

  .cg5-list2 .contentbox {
    width: 100%;
    margin-left: 6%;
    left: 0;
  }

  .cg5-list2 .contentbox7 .leftbox {
    width: 64%;
  }

  .cg5-list2 .contentbox7 .rightbox {
    width:42%;
  }

  .cg5-list2 .contentbox6 {
    width: 94%;
  }

  .cg5-list2 .contentbox6 {
    margin-left:0;
    width:100%;
  }
  .cg5-list2 .contentbox2{
    width: 94%;
    margin-left: 6%;
    padding-left:0;
  }
  .cg5-list2 .contentbox3{
    padding-top:0;
    margin-top:0;
  }
  .y-box2{
    padding-bottom:6.36rem;
  }
  .cg5-list2 .contentbox6 .rightbox{
        margin-left: 6%;
  }
  .cg5-list2 .contentbox5{
    padding-right:6%;
  }

}
@media (max-width:1480px) {
    .cg5-list2 .contentbox .rightbox{
        width: 42%;
    }
    .cg5-list2 .contentbox5 .img{
        width:66%;
    }
    .cg5-list2 .contentbox5 .leftbox{
        width:30%;
            margin-top: 9rem;
    }
}
@media (max-width:1024px) {
  .cg5-list2 .contentbox4 .text {
    padding-left: 60%;
  }
}

@media (max-width:996px) {
  .cg5-list1 .contentbox .leftbox {
    width: 100%;
    margin-top: 0;
    margin-bottom: 1.5rem;
  }

  .cg5-list1 .contentbox {
    padding-top: 3rem;
  }

  .cg5-list1 .contentbox .img {
    width: 100%;
    margin-right: 0;
  }

  .cg5-list2 .contentbox .rightbox {
    width: 40%;
  }

  .cg5-list2 .contentbox .leftbox {
    width: 60%;
  }

  .cg5-list2 .contentbox .leftbox {
    width: 100%;
  }



}


@media (max-width:767px) {
  .cg5-list2 .contentbox5 .botimg {
    height: 14rem;
    object-fit: cover;
    margin-top: 1rem;
  }

  .cg5-list5 .li .images {
    height: 6rem;
  }


  .cg5-list2 .contentbox {
    flex-flow: row wrap;
    padding-bottom: 2rem;
  }

  .cg5-list2 .contentbox .rightbox {
    margin-bottom: 1.7rem;
  }

  .cg5-list2 .contentbox2 {
    margin-top: 0;
  }

  .cg5-list2 .contentbox .rightbox {
    padding-right: 6%;
    text-align: center;
  }

  .cg5-list2 .contentbox2 .img {
    margin-top: 1.5rem;
  }

  .cg5-list2 .contentbox2 .tit3,
  .cg5-list2 .contentbox2 .tit4 {
    text-align: center;
  }


  .cg5-list2 .contentbox3 .img2 {
    height: 12.25rem;
    width: 90%;
    object-fit: contain;
  }

  .cg5-list2 .contentbox6 .leftbox {
    width: 106%;
    right: 6%;
  }

  .cg5-list2 .contentbox6 .leftbox img {
    height: 22rem;
    object-fit: cover;
  }

  .cg5-list2 .contentbox6 .rightbox {
    width: 100%;
  }

  .cg5-list2 .contentbox6 .rightbox {
    margin-top: 0;
    padding-right: 6%;
    text-align: center;
  }

  .cg5-list2 .contentbox4 {
    margin-top: 0;
    background: #f9f9f9;
    padding-top: 1.5rem;
  }

  .cg5-list2 .contentbox4 .text {
    padding-left: 0;
    position: absolute;
    width: 100%;
    top: 2rem;
    left: 0;
    transform: translate(0, 0);
    text-align: center;
  }

  .cg5-list2 .contentbox4 .bgimg {
    height: 35rem;
    object-fit: cover;
    width: 100%;
  }

  .cg5-list2 .contentbox7 .rightbox {
    width: 100%;
    margin-top: 5rem;
    margin-right: 0;
    padding-right: 6%;
  }

  .cg5-list2 .contentbox7 .leftbox {
    width: 106%;
    left: -3%;
    margin-left: 0;
  }
  .cg5-list2 .contentbox{
    padding-right: 6%;
  }
  .cg5-list2 .contentbox .rightbox{
    width:100%;
  }
  .cg5-list2 .y-box1{
        padding-top: 2rem;
    padding-bottom: 12rem;
    /*background: #fce5eb;*/
    background: linear-gradient(to top,#fce5eb,#fef4f5);
  }
  .y-box1 .contentbox{
    position: relative;
    top: 0;
    z-index: 4;
  }
  .y-box1 .ying{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    z-index:1;
  }

  .cg5-list2 .contentbox2 .rightbox{
    width:100%;
    margin-top:2rem;
  }
  .contentbox2 .ul_1{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }
  .y-box2{
    padding-bottom:3rem;
  }
  .cg5-list2 .contentbox5 .leftbox{
    width:100%;
  }
  .cg5-list2 .contentbox5{
        margin-top: 0rem;
        padding-right:0;
  }
  .cg5-list2 .contentbox5 .img{
    width:100%;
  }
  .cg5-list2 .contentbox5 .leftbox{
    padding-top:3rem;
  }
  .cg5-list2 .contentbox6 .leftbox{
    right:0;
    width:100%;
  }
  .cg5-list2 .contentbox6.contentbox_2{
    padding-top: 2rem;
  }
  .cg5-list2 .contentbox5{
    background: linear-gradient(to top,#fdeef1 80%,#fce6e9);
  }
  .cg5-list2 .y-box2 .leftbox {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        margin-top: 1.5rem;
    }
    .cg5-list2 .contentbox6 .leftbox img{
        margin-left:0;
    }
    .cg5-list2 .contentbox6{
        padding-top:
    }
    .cg5-list2 .contentbox6 .leftbox img{
        height: auto;
        margin-top:-6rem;
    }
    .cg5-list2 .contentbox6 .rightbox{
        z-index:3;
    }
    .cg5-list2 .contentbox6.contentbox_2{
        margin-top:0;
    }
    .cg5-list2 .contentbox6 .leftbox img{
        z-index:1;
        margin-top:-2rem;
    }
    .cg5-list2 .contentbox6 .leftbox{
        position: relative;
        z-index: -1;
    }
    .cg5-list2 .contentbox5 .leftbox{
        padding-top:3rem;
        margin-top: 0;
    }
    .cg5-list2 .contentbox5{
        padding-bottom:2.5rem;
        background: linear-gradient(to top,#fdeef1 80%,#fcf0f2);
    }
    .cg5-list2 .contentbox5 .botimg{
        margin-top: 2rem;
    }
}

@media (max-width: 767px) {
  .cg5-list5 .li .texts {
    padding: 0.5rem 0.7rem;
  }

  .cg5-list1 .ul .li {
    width: 50%;
    margin-bottom: 1rem;
  }

  .cg5-list1 .ul {
    padding: 1.25rem 0 .5rem;
  }
}


@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;
  }
}

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

  .technology-list1 .bg {
    height: 14rem;
  }

  .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;
  }

}
@media (min-width: 2100px) {
  .cg5-list2 .y-box2 .leftbox{
    width: 64vw;
  }
  .cg5-list1{
    padding-bottom:2rem;
  }
  .cg5-list1 .bg{
    height:100%;
    object-fit:cover;
  }
}


@media (min-width: 2600px) {
  .cg5-list2 .y-box2 .leftbox{
    width: 57vw;
  }
  .contentbox_2 .leftbox{
        width: 33%;
  }
}