/*================首页样式及公共部分样式================*/
.banner {
  width: 100%;
  height: 100vh;
  z-index: 2;
  background: #fff;
}
.banner .swiper-container {
  width: 100%;
  height: 100vh;
}
.banner .pic {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.banner .pic .baseImg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: kenburns;
  animation-name: kenburns;
}
.banner .pic .textImg {
  position: absolute;
  left: 0%;
  width: 100%;
  visibility: hidden;
}
.banner .pic .word {
  top: 0;
  height: 100%;
}
.banner .pic .word img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .swiper-slide-active .pic .textImg {
  visibility: visible;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.banner .swiper-pagination {
  transform: translateY(50%);
  left: calc((100vw - 1400px) / 4 - 10px);
  bottom: 50%;
  padding: 6px 0 1px;
  width: 21px;
  height: auto;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.2);
}
.banner .swiper-pagination .swiper-pagination-bullet {
  transition: all 0.5s;
  display: block !important;
  margin: 0 auto 6px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background: #fff;
  opacity: 0.45;
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.banner .por {
  position: absolute;
  left: 0;
  bottom: 2%;
  width: 100%;
}
.banner .por .w1400 {
  position: relative;
}
.banner .por .w1400 .swiper-button-next,
.banner .por .w1400 .swiper-button-prev {
  transition: all 0.4s;
  top: initial;
  left: initial;
  bottom: 7vh;
  right: 0;
  margin: 0;
}
.banner .por .w1400 .swiper-button-prev {
  right: 68px;
}
@media (max-width: 1480px) {
  .banner .swiper-pagination {
    left: 10px;
  }
}
.index {
  padding-top: calc(0 + 6px);
}
.index .index_bac {
  position: relative;
  z-index: 6;
  background: #fff;
}
.ind01 {
  padding: 70px 0 90px;
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/index/ind_01_bac.jpg) left bottom no-repeat;
  background-size: cover;
}
.ind01 .tab {
  position: relative;
}
.ind01 .tab .tab_title {
  position: absolute;
  left: 0;
  top: 47px;
  z-index: 3;
}
.ind01 .tab .tab_title a {
  line-height: 56px;
  font-size: 18px;
  color: #666;
  cursor: pointer;
}
.ind01 .tab .tab_title a.cur,
.ind01 .tab .tab_title a:hover {
  color: #bd3434;
}
.ind01 .tab .tab_next {
  margin-top: 50px;
}
.ind01 .tab .tab_next .swiper {
  width: calc(100% - 237px);
}
.ind01 .tab .tab_next .swiper .swiper-slide {
  position: relative;
  float: left;
  margin: 0 2.75% 0 0;
  width: 31.5%;
  border-radius: 6px;
  overflow: hidden;
}
.ind01 .tab .tab_next .swiper .swiper-slide .pic {
  width: 100%;
  height: 12.8125vw;
  overflow: hidden;
}
.ind01 .tab .tab_next .swiper .swiper-slide .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.ind01 .tab .tab_next .swiper .swiper-slide .text .bor {
  padding: 22px 7.5%;
  background: #fff;
}
.ind01 .tab .tab_next .swiper .swiper-slide .text .bor i {
  margin-bottom: 8px;
  font-size: 16px;
  color: #317563;
  font-family: Arial;
}
.ind01 .tab .tab_next .swiper .swiper-slide .text .bor p {
  margin-bottom: 18px;
  height: 60px;
  line-height: 30px;
  font-size: 18px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -ms-box;
  -ms-line-clamp: 2;
  -ms-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -o-box;
  -o-line-clamp: 2;
  -o-box-orient: vertical;
}
.ind01 .tab .tab_next .swiper .swiper-slide .text .bor span {
  float: left;
  padding-right: 21px;
  font-size: 14px;
  color: #999;
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/icon/icon_15.png) right center no-repeat;
}
.ind01 .tab .tab_next .swiper .swiper-slide:hover .pic i {
  transform: scale(1.08);
}
.ind01 .tab .tab_next .swiper .swiper-slide:hover .text .bor p {
  color: #40977f;
}
.ind01 .tab .tab_next .swiper .swiper-slide:hover .text .bor span {
  color: #40977f;
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/icon/icon_15s.png) right center no-repeat;
}
.ind01 .tab .tab_next .swiper .swiper-slide:nth-child(3n) {
  margin-right: 0;
}
.ind01 .tab .tab_next .swiper-button-next,
.ind01 .tab .tab_next .swiper-button-prev {
  transition: all 0.4s;
  top: initial;
  right: initial;
  bottom: 0;
  left: 0;
  margin: 0;
}
.ind01 .tab .tab_next .swiper-button-next {
  left: 68px;
}
.ind02 {
  padding: 1px 0 30px;
  position: relative;
  width: 100%;
}
.ind02 .pos_canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ind02 .pos_canvas #canvas {
  height: 1049px !important;
  background: #071021;
}
.ind02 .pos_bac {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 11, 21, 0.62) url(../images/index/ind02_2.png) bottom center no-repeat;
}
.ind02 .tit {
  position: relative;
  z-index: 3;
  padding: 50px 0;
  color: #fff;
}
.ind02 .tit b {
  margin-bottom: 4px;
  font-size: 36px;
}
.ind02 .tit i {
  font-size: 24px;
}
.ind02 .pic {
  position: relative;
  z-index: 3;
  width: 897px;
}
.ind02 .pic .pic_base {
  width: 100%;
}
.ind02 .pic .next {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
}
.ind02 .pic .dot {
  position: absolute;
  width: 1px;
  height: 1px;
  cursor: pointer;
}
.ind02 .dot_box .t {
  position: relative;
  margin: -20px 0 0 -20px;
  width: 30px;
  height: 30px;
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/index/ind08_5.png) center no-repeat;
}
@-webkit-keyframes hvr-ripple-out-j {
  1% {
    opacity: 1;
  }
  100% {
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out-j {
  1% {
    opacity: 1;
  }
  100% {
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    opacity: 0;
  }
}
@-webkit-keyframes hvr-ripple-out-s {
  1% {
    opacity: 1;
  }
  100% {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out-s {
  1% {
    opacity: 1;
  }
  100% {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 0;
  }
}
.ind02 .dot_box .t::before {
  content: '';
  position: absolute;
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/index/ind08_5_bors.png) center no-repeat;
  background-size: 100% auto;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  opacity: 1;
  -webkit-animation-name: hvr-ripple-out-j;
  animation-name: hvr-ripple-out-j;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.ind02 .dot_box .t::after {
  content: '';
  position: absolute;
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/index/ind08_5_bor.png) center no-repeat;
  background-size: 100% auto;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0;
  /* -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-name: hvr-ripple-out-s;
    animation-name: hvr-ripple-out-s;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;  */
}
.ind02 .dot_box.cur {
  z-index: 3;
}
.ind02 .dot_box.cur .t::after {
  opacity: 1;
}
.ind02 .dot_1 {
  left: 20.62%;
  top: 30.11%;
}
.ind02 .dot_2 {
  left: 26.5%;
  top: 42.5%;
}
.ind02 .dot_3 {
  left: 49.7%;
  top: 31.28%;
}
.ind02 .dot_4 {
  left: 49.7%;
  top: 35.99%;
}
.ind02 .dot_5 {
  left: 80.23%;
  top: 50.8%;
}
.ind02 .dot_6 {
  left: 77.25%;
  top: 45.5%;
}
.ind02 .dot_6 .tab_next {
  left: -200px;
  top: -280px;
}
.ind02 .dot_7 {
  left: 84.16%;
  top: 73.72%;
}
.ind02 .dot_7 .tab_next {
  left: -200px;
  top: -280px;
}
.ind02 .dot_8 {
  left: 15.5%;
  top: 45%;
}
.ind02 .dot_9 {
  left: 51.8%;
  top: 34.6%;
}
.ind02 .dot_10 {
  left: 50.8%;
  top: 39.6%;
}
.ind02 .dot_11 {
  left: 77.23%;
  top: 41.8%;
}
.ind02 .dot_12 {
  left: 79.23%;
  top: 39.8%;
}
.ind02 .dot_13 {
  left: 79.6%;
  top: 43.8%;
}
.ind02 .dot_14 {
  left: 79.3%;
  top: 47.2%;
}
.ind02 .dot_15 {
  left: 81.6%;
  top: 47.6%;
}
.ind02 .dot_16 {
  left: 87.6%;
  top: 84.6%;
}
.ind02 .dot_16 .tab_next {
  left: -200px;
  top: -280px;
}
.ind02 .dot_17 {
  left: 22.5%;
  top: 38.5%;
}
.ind02 .tab_next {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.6);
  position: absolute;
  left: 30px;
  top: -123px;
  z-index: 2;
  width: 400px;
}
.ind02 .tab_next .next_box {
  position: relative;
  border: #bd3434 1px solid;
  background: rgba(189, 52, 52, 0.9);
  border-radius: 6px;
  overflow: hidden;
}
.ind02 .details .tit_box {
  padding-left: 48px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
  background: #bd3434 url(../images/icon/icon_16.png) 22px center no-repeat;
}
.ind02 .details .text {
  position: relative;
  padding: 30px 20px;
}
.ind02 .details .text .pic {
  float: left;
  margin-right: 16px;
  width: 180px;
  height: 135px;
  overflow: hidden;
}
.ind02 .details .text .pic i {
  width: 100%;
  height: 100%;
}
.ind02 .details .text .scrollBox {
  float: right;
  width: calc(100% - 180px - 16px);
}
.ind02 .details .text .swiper {
  width: 100%;
  height: 135px;
}
.ind02 .details .text .swiper .swiper-slide {
  line-height: 1.6;
  font-size: 16px;
  color: #fff;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
}
.ind02 .dot {
  visibility: hidden;
}
.ind02 .dot_box {
  transform: scale(0);
}
.ind02 .pic.animated .dot {
  visibility: visible;
}
.ind02 .pic.animated .dot_box {
  transform: scale(1);
}
.ind02 .pic .dot_1 {
  transition: all 0.6s 0.4s;
}
.ind02 .pic.animated .dot_1 {
  transition: all 0.6s 0.4s;
}
.ind02 .pic .dot_2 {
  transition: all 0.6s 0.8s;
}
.ind02 .pic.animated .dot_2 {
  transition: all 0.6s 0.8s;
}
.ind02 .pic .dot_3 {
  transition: all 0.6s 1.1s;
}
.ind02 .pic.animated .dot_3 {
  transition: all 0.6s 1.1s;
}
.ind02 .pic .dot_4 {
  transition: all 0.6s 0.6s;
}
.ind02 .pic.animated .dot_4 {
  transition: all 0.6s 0.6s;
}
.ind02 .pic .dot_5 {
  transition: all 0.6s 0.9s;
}
.ind02 .pic.animated .dot_5 {
  transition: all 0.6s 0.9s;
}
.ind02 .pic .dot_6 {
  transition: all 0.6s 0.7s;
}
.ind02 .pic.animated .dot_6 {
  transition: all 0.6s 0.7s;
}
.ind02 .pic .dot_7 {
  transition: all 0.6s 1s;
}
.ind02 .pic.animated .dot_7 {
  transition: all 0.6s 1s;
}
.ind02 .pic .dot_8 {
  transition: all 0.6s 0.2s;
}
.ind02 .pic.animated .dot_8 {
  transition: all 0.6s 0.2s;
}
.ind02 .pic .dot_9 {
  transition: all 0.6s 0.4s;
}
.ind02 .pic.animated .dot_9 {
  transition: all 0.6s 0.4s;
}
.ind02 .pic .dot_10 {
  transition: all 0.6s 0.6s;
}
.ind02 .pic.animated .dot_10 {
  transition: all 0.6s 0.6s;
}
.ind02 .pic .dot_11 {
  transition: all 0.6s 0.8s;
}
.ind02 .pic.animated .dot_11 {
  transition: all 0.6s 0.8s;
}
.ind02 .pic .dot_12 {
  transition: all 0.6s 0.1s;
}
.ind02 .pic.animated .dot_12 {
  transition: all 0.6s 0.1s;
}
.ind02 .pic .dot_13 {
  transition: all 0.6s 0.7s;
}
.ind02 .pic.animated .dot_13 {
  transition: all 0.6s 0.7s;
}
.ind02 .pic .dot_14 {
  transition: all 0.6s 0.4s;
}
.ind02 .pic.animated .dot_14 {
  transition: all 0.6s 0.4s;
}
.ind02 .pic .dot_15 {
  transition: all 0.6s 0.9s;
}
.ind02 .pic.animated .dot_15 {
  transition: all 0.6s 0.9s;
}
.ind02 .pic .dot_16 {
  transition: all 0.6s 0.6s;
}
.ind02 .pic.animated .dot_16 {
  transition: all 0.6s 0.6s;
}
.ind02 .pic.animated .dot_17 {
  transition: all 0.6s 0.4s;
}
.ind02 .pic.animated .dot.cur .tab_next {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  transition: all 0.7s;
}
.ind03 {
  padding: 60px 0 70px;
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/index/ind_03_bac.jpg) center no-repeat;
  background-size: cover;
  display: none;
}
.ind03 .next {
  margin-top: 40px;
}
.ind03 .next a {
  float: left;
  margin: 0 2.86% 40px 0;
  width: 48.57%;
  border-radius: 6px;
  overflow: hidden;
}
.ind03 .next a .pic {
  width: 100%;
  height: 19.94vw;
  overflow: hidden;
}
.ind03 .next a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.ind03 .next a .text {
  position: relative;
  padding: 0 40px;
  background: #fff;
}
.ind03 .next a .text p {
  line-height: 72px;
  font-size: 22px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ind03 .next a .text::before {
  position: absolute;
  right: 21px;
  top: 0;
  width: 12px;
  height: 72px;
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/icon/icon_17.png) right center no-repeat;
  content: " ";
}
.ind03 .next a:hover .pic i {
  transform: scale(1.08);
}
.ind03 .next a:hover .text p {
  color: #317563;
}
.ind03 .next a:hover .text::before {
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/icon/icon_17s.png) right center no-repeat;
}
.ind03 .next a:nth-child(2n) {
  margin-right: 0;
}
.ind03 .swiperIcon {
  position: relative;
  margin: 40px auto 57px;
}
.ind03 .swiperIcon .lie {
  position: absolute;
  left: 0;
  top: 38px;
  width: 100%;
  height: 1px;
  background: #d7d7d7;
}
.ind03 .swiperIcon .swiper-slide {
  cursor: pointer;
}
.ind03 .swiperIcon .iconBox {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 148px;
  height: 76px;
  background: #f7f7f7;
}
.ind03 .swiperIcon .iconBox svg {
  fill: #666;
}
.ind03 .swiperIcon p {
  font-size: 18px;
  color: #666;
  text-align: center;
}
.ind03 .swiperIcon .swiper-slide-thumb-active .iconBox svg {
  fill: #35796a;
}
.ind03 .swiperIcon .swiper-slide-thumb-active p {
  color: #35796a;
}
.ind03 .nextBox {
  position: relative;
}
.ind03 .swiperText {
  position: relative;
}
.ind03 .swiperText .swiper-slide {
  background: #fff;
  border-radius: 6px 0 0 6px;
}
.ind03 .swiperText .swiper-slide .pic {
  float: left;
  width: 46.42%;
  height: 467px;
  border-radius: 6px;
  overflow: hidden;
}
.ind03 .swiperText .swiper-slide .pic i {
  width: 100%;
  height: 100%;
}
.ind03 .swiperText .swiper-slide .text {
  position: relative;
  float: left;
  width: 53.58%;
  height: 467px;
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/index/ind_03_bac2.png) center bottom no-repeat;
  background-size: 92% auto;
}
.ind03 .swiperText .swiper-slide .text .pos {
  position: absolute;
  left: 12%;
  top: 50%;
  transform: translateY(-50%);
  width: 76%;
}
.ind03 .swiperText .swiper-slide .text .pos .title {
  margin-bottom: 30px;
  padding: 17px 0;
  line-height: 36px;
  font-size: 24px;
  color: #35796a;
  border-bottom: #35796a 1px solid;
}
.ind03 .swiperText .swiper-slide .text .pos .textBox {
  font-size: 18px;
  line-height: 24px;
  color: #5f5f5f;
}
.ind03 .swiperText .swiper-button-prev {
  left: -27px;
}
.ind03 .swiperText .swiper-button-next {
  right: -27px;
}
.ind04 {
  position: relative;
  padding: 81px 0 153px;
  background: #fff;
}
.ind04 .pos {
  position: absolute;
  left: 0;
  top: 81px;
  width: 100%;
}
.ind04 .pos .w1400 {
  border-radius: 6px;
  overflow: hidden;
}
.ind04 a {
  float: left;
  width: 50%;
}
.ind04 a .bor {
  transition: all 0.5s;
  padding: 36px 50px 50px;
  color: #fff;
}
.ind04 a .bor b {
  margin-top: 13px;
  margin-bottom: 45px;
  font-size: 26px;
}
.ind04 a .bor .text {
  padding-bottom: 24px;
  line-height: 32px;
  border-bottom: rgba(255, 255, 255, 0.3) 1px solid;
}
.ind04 a .bor .text i {
  font-size: 16px;
}
.ind04 a .bor .text span {
  float: right;
  width: 48px;
  height: 64px;
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/icon/icon_18.png) center no-repeat;
}
.ind04 a.a_1 {
  background: #c82020;
  box-shadow: 0 0 20px rgba(200, 32, 32, 0.5);
}
.ind04 a:hover .bor {
  padding: 26px 50px 60px;
}
.ind04 a.a_1:hover .bor .text span {
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/icon/icon_91.png) center no-repeat;
}
.ind04 a.a_2:hover .bor .text span {
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/icon/icon_92.png) center no-repeat;
}
.ind04 a.a_2 {
  background: #1b6f59;
  box-shadow: 0 0 20px rgba(27, 111, 89, 0.5);
}
.ind05 {
  padding: 70px 0 90px;
}
.ind05 .about_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.ind05 .about_left {
  width: 46.07%;
  height: 433px;
  overflow: hidden;
  border-radius: 5px;
}
.ind05 .about_left img {
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: all 0.5s;
}
.ind05 .about_left:hover img {
  transform: scale(1.1);
  transition: all 0.5s;
}
.ind05 .about_right {
  width: 43.42%;
  color: #333333;
}
.ind05 .about_right .text_b {
  font-size: 36px;
  font-weight: bold;
}
.ind05 .about_right .text_p {
  font-size: 28px;
  padding-top: 20px;
}
.ind05 .about_right .text_y {
  font-size: 18px;
  color: #666666;
  line-height: 24px;
  margin-top: 30px;
}
.ind05 .about_right .tab_num {
  display: flex;
  margin-top: 50px;
}
.ind05 .about_right .tab_num .icon_num {
  margin-right: 13%;
}
.ind05 .about_right .tab_num .icon_num .digit {
  display: flex;
  color: #ce202a;
  font-family: Arial;
}
.ind05 .about_right .tab_num .icon_num .digit i {
  font-size: 40px;
  font-weight: bold;
}
.ind05 .about_right .tab_num .icon_num .digit em {
  font-size: 22px;
  font-weight: bold;
}
.ind05 .about_right .tab_num .icon_num p {
  font-size: 18px;
  color: #333;
  padding-top: 20px;
}
.ind05 .about_right .tab_num .icon_num:nth-child(1) .digit::after {
  content: '';
  width: 56px;
  height: 52px;
  margin-top: -10px;
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/icon/icon_140.png) right no-repeat;
}
.ind05 .about_right .tab_num .icon_num:nth-child(2) .digit::after {
  content: '';
  width: 55px;
  height: 49px;
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/icon/icon_141.png) right no-repeat;
  margin-left: -14px;
}
.ind05 .about_right .tab_num .icon_num:nth-child(3) .digit::after {
  content: '';
  width: 51px;
  height: 51px;
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/icon/icon_142.png) right no-repeat;
  margin-left: -14px;
}
.ind05 .about_right .tab_num .icon_num:last-child {
  margin-right: 0;
}
.ind06 {
  padding: 100px 0 118px;
  background: #f7f7f7 url(../images/index/ind_06.png) center no-repeat;
  background-size: cover;
}
.ind06 .narrate {
  background: #fff;
  padding: 45px 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
.ind06 .narrate .nar_img {
  width: 38.76%;
  height: 306px;
  overflow: hidden;
  border-radius: 5px;
}
.ind06 .narrate .nar_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all 0.5s;
}
.ind06 .narrate .nar_img:hover img {
  transform: scale(1.1);
  transition: all 0.5s;
}
.ind06 .narrate .nar_text {
  width: 55.23%;
}
.ind06 .narrate .nar_text .titles {
  font-size: 36px;
  color: #333;
  font-weight: bold;
}
.ind06 .narrate .nar_text .tit_b {
  font-size: 24px;
  color: #007763;
  padding-top: 10px;
}
.ind06 .narrate .nar_text .text_p {
  font-size: 18px;
  color: #333;
  padding-top: 30px;
}
.ind07 {
  padding: 110px 0 118px;
  background: #f7f7f7 url(../images/index/ind_07.png) center no-repeat;
  background-size: cover;
}
.ind07 .title .fl {
  color: #fff;
  font-weight: normal;
}
.ind07 .title i {
  color: #fff;
  font-weight: normal;
}
.ind07 .core_text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 240px;
}
.ind07 .core_text .plate {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 3.645vw;
  position: relative;
}
.ind07 .core_text .plate::after {
  content: '';
  display: block;
  height: 0;
  width: 3.66vw;
  left: 100%;
  top: 50%;
  position: absolute;
  border-bottom: 1px solid #fff;
}
.ind07 .core_text .plate::before {
  content: '';
  display: block;
  height: 0;
  width: 3.66vw;
  right: 100%;
  top: 50%;
  position: absolute;
  border-bottom: 1px solid #fff;
}
.ind07 .core_text .plate:hover .show_icon_case {
  background-color: #fff;
  width: 240px;
  height: 240px;
  overflow: hidden;
}
.ind07 .core_text .plate:hover .domain {
  width: 52px;
  height: 50px;
  border: none;
}
.ind07 .core_text .plate:hover .domain svg {
  fill: #bd3434;
}
.ind07 .core_text .plate:hover .plate_name {
  color: #cb072d;
  position: relative;
  width: 140px;
  white-space: normal;
}
.ind07 .core_text .plate:first-child::before {
  display: none;
}
.ind07 .core_text .plate:last-child {
  margin-right: 0;
}
.ind07 .core_text .plate:last-child::after {
  display: none;
}
.ind07 .core_text .show_icon_case {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 111px;
  height: 111px;
  border-radius: 100%;
  transition: all 0.5s;
}
.ind07 .core_text .domain {
  width: 111px;
  height: 111px;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ind07 .core_text .domain svg {
  fill: #ffffff;
}
.ind07 .core_text .plate_name {
  font-size: 20px;
  width: 140px;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 15px;
}
.ind07 .core_hide {
  display: none;
}
.ind07 .core_tab {
  display: flex;
  padding-top: 42px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}
.ind07 .core_tab .business {
  width: 33.34%;
  height: 147px;
  background: rgba(51, 51, 51, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.ind07 .core_tab .business .iconBox {
  position: relative;
}
.ind07 .core_tab .business .iconBox svg {
  fill: #ffffff;
}
.ind07 .core_tab .business i {
  position: relative;
  z-index: 2;
}
.ind07 .core_tab .business::before {
  content: '';
  width: 100%;
  height: 158px;
  position: absolute;
  left: 0;
  top: -11px;
  opacity: 0;
  transition: all 0.5s;
}
.ind07 .core_tab .business:nth-child(1)::before {
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/index/bus.png) center no-repeat;
}
.ind07 .core_tab .business:nth-child(2)::before {
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/index/bus03.png) center no-repeat;
}
.ind07 .core_tab .business:nth-child(3)::before {
  background: url(/assets/themes/ydyy/int/web/cn/css/../images/index/bus02.png) center no-repeat;
}
.ind07 .core_tab .business:last-child::after {
  display: none;
}
.ind07 .core_tab .business::after {
  content: '';
  width: 1px;
  height: 60px;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  right: -1px;
}
.ind07 .core_tab .cur::after {
  display: none;
}
.ind07 .core_tab .cur::before {
  opacity: 1;
  transition: all 0.5s;
}
.ind07 .core_tab .net {
  margin-left: 40px;
  position: relative;
  z-index: 2;
}
.ind07 .core_tab .net p {
  font-size: 22px;
  color: #fff;
}
.ind07 .core_tab .net b {
  font-size: 18px;
  color: #fff;
  padding-top: 10px;
}
.footer {
  padding-top: 140px;
}