.home_index {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.home_index .jiazai {
  position: fixed;
  z-index: 10;
  background-color: #5A9ADA;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home_index .jiazai div {
  margin: 175px auto;
}
.home_index .jiazai .drop {
  position: relative;
  width: 20px;
  height: 20px;
  top: -30px;
  margin: 0 auto;
  background: #FFF;
  border-radius: 20px;
  animation-name: drip;
  animation-timing-function: cubic-bezier(1, 0, 0.91, 0.19);
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.home_index .jiazai .drop:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 30px solid rgb(255, 255, 255);
  top: -22px;
}
.home_index .jiazai .wave {
  position: relative;
  opacity: 0;
  top: 50%;
  width: 2px;
  height: 1px;
  border: #FFF 7px solid;
  border-radius: 300px/150px;
  animation-name: ripple;
  animation-delay: 2s;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.home_index .jiazai .wave:after {
  content: "";
  position: absolute;
  opacity: 0;
  top: -5px;
  left: -5px;
  width: 2px;
  height: 1px;
  border: #FFF 5px solid;
  border-radius: 300px/150px;
  animation-name: ripple-2;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes ripple {
  from {
    opacity: 1;
  }
  to {
    width: 600px;
    height: 300px;
    border-width: 1px;
    top: calc(50% - 200px);
    opacity: 0;
  }
}
@keyframes ripple-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    width: 200px;
    height: 100px;
    border-width: 1px;
    top: calc(50% + 100px);
    left: 200px;
  }
}
@keyframes drip {
  to {
    top: 50%;
  }
}
@keyframes xiaoshi {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.home_index .xiaoshi {
  transition: xiaoshi 2s 0s ease both;
  -webkit-animation: xiaoshi 2s 0s ease both;
  -moz-animation: xiaoshi 2s 0s ease both;
}
.home_index .kiang {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  opacity: 0;
  pointer-events: none;
}
.home_index .kiang svg {
  width: 100%;
  height: 100%;
  transition: all 0.4s linear;
}
.home_index .kiang_arr svg {
  transition: zida 4s 0s ease both;
  -webkit-animation: zida 4s 0s ease both;
  -moz-animation: zida 4s 0s ease both;
}
.home_index .home_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.home_index .home_logo {
  width: 96px;
  margin-bottom: 5%;
  z-index: 1;
  transition: fadeIn 1s 1.5s ease both;
  -webkit-animation: fadeIn 1s 1.5s ease both;
  -moz-animation: fadeIn 1s 1.5s ease both;
}
.home_index .title_box {
  z-index: 1;
  transition: fadeIn 1s 1.7s ease both;
  -webkit-animation: fadeIn 1s 1.7s ease both;
  -moz-animation: fadeIn 1s 1.7s ease both;
}
.home_index .title_box .title {
  font-size: 50px;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  border-bottom: 1px solid #fff;
  padding-bottom: 22px;
  margin-bottom: 80px;
}
.home_index .number_kuang_show {
  transition: fadeInUp 1 0.8s ease both;
  -webkit-animation: fadeInUp 1s 0.8s ease both;
  -moz-animation: fadeInUp 1s 0.8s ease both;
}
.home_index .number_kuang_show:nth-child(2n) {
  margin-bottom: 40px;
  transition: fadeInUp 1s 0.5s ease both;
  -webkit-animation: fadeInUp 1s 0.5s ease both;
  -moz-animation: fadeInUp 1s 0.5s ease both;
}
.home_index .number_kuang {
  z-index: 1;
  display: flex;
  align-items: flex-end;
}
.home_index .number_kuang .number_name {
  font-size: 20px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 50px;
  margin-right: 20px;
}
.home_index .number_kuang .num_zi {
  font-size: 50px;
  font-family: Gilroy-Bold, Gilroy;
  font-weight: bold;
  color: #FFFFFF;
}
.home_index .number_cont {
  display: flex;
  color: #fff;
  font-size: 50px;
  font-family: "PingFang SC", "Microsoft Yahei" !important;
  font-weight: bold;
  line-height: 50px;
}
.home_index .number_cont sub {
  font-family: Gilroy-Bold, Gilroy;
}
.home_index .danwei {
  font-size: 20px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
  margin-left: 20px;
  line-height: 50px;
  width: 20px;
}
.home_index .home_btn {
  z-index: 1;
  padding: 10px;
  border-radius: 31px 31px 31px 31px;
  margin-top: 100px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.4s linear;
  cursor: pointer;
  transition: bounceIn 1 2s ease both;
  -webkit-animation: bounceIn 1s 2s ease both;
  -moz-animation: bounceIn 1s 2s ease both;
}
.home_index .home_btn .btn_box {
  width: 140px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 20px 20px 20px 20px;
  font-size: 16px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #054F7E;
  transition: all 0.4s linear;
}
.home_index .home_btn:hover {
  border: 1px solid rgba(5, 80, 126, 0.2);
  transform: scale(1.2);
}
.home_index .home_btn:hover .btn_box {
  color: #FFFFFF;
  background: #054F7E;
}

@keyframes zida {
  0% {
    width: 100%;
    height: 100%;
  }
  100% {
    transform: scale(50);
  }
}
.component {
  position: fixed;
  right: 2%;
  bottom: 10%;
  width: 64px;
  font-size: 0;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  z-index: 9;
}
.component li {
  position: relative;
  width: 100%;
  height: 67px;
  border-bottom: 1px solid #E8E8E8;
  cursor: pointer;
}
.component li:nth-child(1) {
  border-radius: 6px 6px 0 0;
}
.component li:last-child {
  border-radius: 0 0 6px 6px;
}
.component li .erweima {
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: #fff;
  left: -110px;
  border-radius: 10px;
  display: none;
}
.component li .erweima img {
  width: 90%;
}
.component li .code_cont:hover .erweima {
  display: flex;
}
.component li:hover {
  background-color: #054F7E;
}
.component li:hover .component_box .icon_box,
.component li:hover .component_box .name {
  color: #fff;
}
.component .component_box {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.component .component_box .icon_box {
  font-size: 16px;
  color: #054F7E;
  margin-bottom: 8px;
}
.component .component_box .name {
  font-size: 12px;
  font-family: Source Han Sans SC-Regular, Source Han Sans SC;
  font-weight: 400;
  color: #666666;
}

.vide_tianchuang {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  background-color: rgba(0, 0, 0, 0.718);
}
.vide_tianchuang .tianchuang {
  width: 100%;
  height: 100%;
}
.vide_tianchuang #video {
  width: 100%;
  height: 100%;
}
.vide_tianchuang svg {
  width: auto;
  height: auto;
}
.vide_tianchuang .plu-video-container .plu-video-play-svg {
  right: 78px;
}
.vide_tianchuang .off {
  position: absolute;
  right: -5%;
  z-index: 999;
  top: -3%;
  cursor: pointer;
  color: #fff;
  display: inline;
}
.vide_tianchuang .off span {
  font-size: 30px;
}
.vide_tianchuang .container {
  position: relative;
  width: 50%;
  height: 60%;
}

.home2_index {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.home2_index #container,
.home2_index #water {
  background-attachment: fixed;
}
.home2_index .swiper-container {
  width: 100%;
  height: 100%;
}
.home2_index .swiper-slide {
  text-align: center;
  font-size: 16px;
  background: #fff;
  overflow: hidden;
}
.home2_index .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.home2_index .slide-inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home2_index .slide-inner .m_img {
  display: none;
}

#container {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

#container:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  display: block;
  height: 95%;
  width: 95%;
  background: #0f0f0f;
  filter: blur(30px);
}

#container #water {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100%;
  filter: url("#turbulence");
  overflow: hidden;
}

.caidan_on {
  position: fixed;
  top: 50%;
  left: 0;
  height: 290px;
  margin-top: -145px;
  transform: translateX(-16PX);
  transition: all 0.4s linear;
  display: none;
  cursor: pointer;
}
.caidan_on img {
  opacity: 0.65;
  height: 100%;
  transition: all 0.4s linear;
}
.caidan_on span {
  position: absolute;
  display: block;
  left: 16px;
  font-size: 20px;
  color: #fff;
  top: 50%;
  margin-top: -10px;
}
.caidan_on:hover {
  transform: translateX(0PX);
}
.caidan_on:hover img {
  opacity: 1;
}

.home_nav {
  position: fixed;
  width: 100%;
  height: 100px;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5%;
  z-index: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.home_nav nav {
  position: relative;
}
.home_nav nav .line {
  height: 2px;
  position: absolute;
  bottom: 0;
  margin: 10px 0 0 0;
  background: #fff;
  transform: translateY(42px);
}
.home_nav nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}
.home_nav nav ul li {
  margin: 0 40px 0 0;
  opacity: 0.4;
  transition: all 0.4s ease;
}
.home_nav nav ul li:hover {
  opacity: 0.7;
}
.home_nav nav ul li.active {
  opacity: 1;
}
.home_nav nav ul li:last-child {
  margin-right: 0;
}
.home_nav nav ul li a {
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  letter-spacing: 0.2em;
  font-size: 16px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
}

.hone_title_box {
  position: absolute;
  left: 19%;
  top: 30%;
  z-index: 1;
  text-align: initial;
}
.hone_title_box .title {
  font-size: 45px;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 20px;
}
.hone_title_box .text {
  font-size: 20px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 20px;
}
.hone_title_box .more {
  position: relative;
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  display: inline-block;
  padding: 6px 20px;
  border-radius: 30px;
  cursor: pointer;
}
.hone_title_box .more .yuan {
  position: absolute;
  left: 49px;
  top: 7px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #fff;
  transition: all 0.4s linear;
}
.hone_title_box .more .icon_box {
  display: inline-block;
  font-size: 12px;
  transform: scale(0.5);
}
.hone_title_box .more span {
  transition: all 0.4s linear;
  display: inline-block;
}
.hone_title_box .more:hover {
  background-color: #fff;
  transform: translateX(10px);
}
.hone_title_box .more:hover .yuan {
  border: 1px solid #054F7E;
  left: 20px;
}
.hone_title_box .more:hover .zi {
  transform: translateX(10px);
  color: #054F7E;
}
.hone_title_box .more:hover .icon_box {
  transform: translateX(10px) scale(0.8);
  color: #054F7E;
}

.home_info_cont {
  position: absolute;
  bottom: 9.18%;
  width: 70%;
  left: 19%;
  display: flex;
  z-index: 1;
}
.home_info_cont .video_box {
  position: relative;
  width: 17.4%;
  overflow: hidden;
  cursor: pointer;
}
.home_info_cont .video_box video {
  width: 100%;
  height: 126px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s linear;
}
.home_info_cont .video_box .mo {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  transition: all 0.4s linear;
}
.home_info_cont .video_box .mo .bofang_box {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
}
.home_info_cont .video_box .mo .bofang_box span {
  font-size: 12px;
  color: #054F7E;
}
.home_info_cont .video_box:hover img {
  transform: scale(1.2);
}
.home_info_cont .video_box:hover .mo {
  background-color: rgba(0, 0, 0, 0.5);
}
.home_info_cont .hone_news {
  width: 42.8%;
  background-color: #fff;
  height: 126px;
  padding: 15px 2%;
  display: inline-block;
}
.home_info_cont .hone_news .title_box {
  position: relative;
  width: 100%;
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 2;
  margin-bottom: 15px;
}
.home_info_cont .hone_news .more {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #054F7E;
}
.home_info_cont .hone_news:hover .title_box {
  color: #054F7E;
  text-decoration: underline;
}
.home_info_cont .hone_dongtai {
  position: relative;
  width: 40%;
  height: 126px;
  background-color: #054F7E;
  padding: 0 3%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.home_info_cont .hone_dongtai .title {
  width: 100%;
  font-size: 16px;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 15px;
}
.home_info_cont .hone_dongtai .title span {
  color: hsla(0, 0%, 100%, 0.6);
}
.home_info_cont .hone_dongtai .dongtai_info {
  position: relative;
  width: 100%;
  display: flex;
}
.home_info_cont .hone_dongtai .dongtai_info .name {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  width: 65%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home_info_cont .hone_dongtai .dongtai_info .time {
  font-size: 16px;
  font-family: Gilroy-Regular, Gilroy;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  transform: translateY(3px);
}
.home_info_cont .hone_dongtai .dongtai_info .time span {
  margin-left: 30px;
  font-size: 10px;
  color: #fff;
}
.home_info_cont .hone_dongtai:hover .title,
.home_info_cont .hone_dongtai:hover .dongtai_info .name {
  text-decoration: underline;
}

.m_head {
  position: fixed;
  height: 50px;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}

.left_nav2 {
  background-image: url(../image/ct_shou.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.left_nav2 .yejiao {
  opacity: 1 !important;
}

.news_left_nav {
  background-image: url(../image/ct_shou2.png);
}

.left_nav {
  position: fixed;
  left: 0;
  top: 0;
  width: 300px;
  height: 100%;
  z-index: 9;
}
.left_nav #menu {
  height: 100%;
  position: fixed;
  background-image: url(../image/ct_shou.png);
  width: 300px;
  transition: 1000ms all cubic-bezier(0.19, 1, 0.22, 1);
  transform: translateX(-100%);
  background-size: cover;
  left: 30px;
}
.left_nav #menu.expanded {
  transform: translateX(0%);
  left: 0px;
}
.left_nav #blob {
  top: 0;
  z-index: -1;
  right: 60px;
  transform: translateX(100%);
  height: 100%;
  position: absolute;
}
.left_nav #blob-path {
  height: 100%;
  fill: hsl(203, 92%, 26%);
}
.left_nav .hamburger {
  right: 10px;
  position: absolute;
  width: 12px;
  height: 14px;
  margin-top: -10px;
}
.left_nav .hamburger .line {
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
}
.left_nav .hamburger .line:nth-child(2) {
  top: 50%;
  margin-top: -1px;
}
.left_nav .hamburger .line:nth-child(3) {
  bottom: 0;
}
.left_nav h1 {
  position: fixed;
  right: 0;
  margin: 0;
}
.left_nav .Menu_list1 {
  padding: 0;
  list-style: none;
  width: 80%;
  position: absolute;
  top: 10%;
  max-height: 70%;
  overflow: auto;
  /* 1,滚动条 */
  /* 2,滚动条两端的按钮 */
  /* 3,外层轨道 */
  /* 4.内层轨道，它会覆盖外层轨道的样式。 */
  /* 5,滑块 */
}
.left_nav .Menu_list1::-webkit-scrollbar {
  width: 8px;
  /* 纵向滚动条 宽度 */
  height: 15px;
  /* 横向滚动条 高度 */
  background: rgb(14, 125, 194);
  /* 整体背景 */
  border-radius: 10px;
  /* 整体 圆角 */
}
.left_nav .Menu_list1::-webkit-scrollbar-track {
  border-radius: 10px;
}
.left_nav .Menu_list1::-webkit-scrollbar-track-piece {
  width: px;
  background: rgba(250, 250, 250, 0.568627451);
  opacity: 0.1;
  margin: 0 -2px 0;
  border-radius: 10px;
}
.left_nav .Menu_list1::-webkit-scrollbar-thumb {
  background: rgb(14, 125, 194);
  min-height: 50px;
  min-width: 50px;
  border-radius: 10px;
}
.left_nav .Menu_list1 .li1 {
  color: #fff;
  font-family: sans-serif;
  padding-top: 20px;
}
.left_nav .logo {
  position: absolute;
  left: 70px;
  top: 10px;
}
.left_nav .MenuItem .nav_title {
  padding-left: 70px;
  cursor: pointer;
  color: #FFFFFF;
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
}
.left_nav .MenuItem .arr {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.39) 0%, rgba(255, 255, 255, 0) 100%);
  padding: 10px 0 10px 70px;
}

.menu-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.Menu_list2 {
  padding: 0px 0;
  height: 0;
  overflow: hidden;
  transition: all 0.4s linear;
}
.Menu_list2 li {
  width: 100%;
  padding: 13px 0 13px 70px;
}
.Menu_list2 li:hover {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.39) 0%, rgba(255, 255, 255, 0) 100%);
}
.Menu_list2 li:hover .Menu_link .heng {
  opacity: 1;
}
.Menu_list2 .Menu_link {
  display: flex;
  align-items: center;
}
.Menu_list2 .Menu_link .heng {
  width: 15px;
  height: 1px;
  background: rgba(255, 255, 255, 0.8);
  margin-right: 8px;
  opacity: 0;
  transition: all 0.4s linear;
}
.Menu_list2 .Menu_link .Menu_name {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  margin-right: 15px;
}
.Menu_list2 .Menu_link .icon {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  display: inline-block;
}
.Menu_list2 .arr {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.39) 0%, rgba(255, 255, 255, 0) 100%);
}
.Menu_list2 .arr .heng {
  opacity: 1;
}

.arr_v2 {
  padding-top: 20px;
  height: auto;
}

.yejiao {
  position: absolute;
  width: 90%;
  bottom: 40px;
  text-align: center;
  opacity: 0;
  transition: all 0.4s linear;
}
.yejiao .banquan {
  font-size: 12px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: hsla(0, 0%, 100%, 0.5);
  margin-bottom: 10px;
  display: inline-block;
}
.yejiao .beian {
  font-size: 12px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: hsla(0, 0%, 100%, 0.5);
  display: inline-block;
}
.yejiao .beian img {
  width: 12px;
}
.yejiao a:hover {
  text-decoration: underline;
}

.svg_shui {
  height: 0;
}

.page_head {
  position: relative;
  width: 100%;
}
.page_head img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page_head .title_box {
  position: absolute;
  left: 400px;
  top: 30%;
}
.page_head .title_box .title {
  font-size: 36px;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
}
.page_head .title_box .en {
  font-size: 20px;
  font-family: Gilroy-Regular, Gilroy;
  font-weight: 400;
  color: #FFFFFF;
}

.page_head2 {
  height: 320px;
}

.index {
  position: relative;
  width: 100%;
  height: 100%;
  /* 1,滚动条 */
  /* 2,滚动条两端的按钮 */
  /* 3,外层轨道 */
  /* 4.内层轨道，它会覆盖外层轨道的样式。 */
  /* 5,滑块 */
  /* 纵向滑块悬浮 */
}
.index::-webkit-scrollbar {
  width: 0px;
  /* 纵向滚动条 宽度 */
  height: 15px;
  /* 横向滚动条 高度 */
  background: rgb(199, 31, 31);
  /* 整体背景 */
  border-radius: 10px;
  /* 整体 圆角 */
}
.index::-webkit-scrollbar-track {
  /* background: red; */
  border-radius: 10px;
}
.index::-webkit-scrollbar-track-piece {
  width: 5px;
  background: rgba(23, 73, 149, 0.8196078431);
  opacity: 0.1;
  margin: 0 -2px 0;
}
.index::-webkit-scrollbar-thumb {
  background: rgb(182, 29, 29);
  min-height: 50px;
  min-width: 50px;
  border-radius: 10px;
}
.index::-webkit-scrollbar-thumb:vertical:hover {
  background: yellow;
}

.page_cont {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 100px 0 100px 300px;
  z-index: 1;
}
.page_cont .page_box {
  position: relative;
  width: 70%;
}
.page_cont .page_box2 {
  position: relative;
  width: 70%;
}

.about1 .title_box {
  margin-bottom: 60px;
}
.about1 .title_box .title {
  font-size: 30px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
}
.about1 .title_box .en {
  font-size: 16px;
  font-family: Gilroy-Regular, Gilroy;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: 0.1px;
}
.about1 .number_cont {
  display: flex;
  justify-content: space-between;
}
.about1 .number_cont .numU {
  font-size: 40px;
  font-family: "PingFang SC", "Microsoft Yahei" !important;
  font-weight: 500;
  color: #FFFFFF;
  margin-bottom: 5px;
}
.about1 .number_cont sub {
  position: absolute;
  font-size: 22px;
  margin-left: -10px;
}
.about1 .number_cont .danwei {
  font-size: 16px;
  font-family: Gilroy-Medium, Gilroy;
  font-weight: 500;
  color: #FFFFFF;
  margin-left: 10px;
}
.about1 .number_cont .indc {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
}
.about1 .zi_box {
  margin-top: 60px;
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 2;
}

.page_about2 {
  padding: 0px 0 100px 300px;
}

.about2 {
  position: relative;
}
.about2 .zi_cont {
  position: relative;
  width: 100%;
  padding: 10px;
}
.about2 .zi_cont .zi_box {
  padding: 30px 50px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 2.5;
}
.about2 .zi_cont .jiao1 {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
}
.about2 .zi_cont .jiao2 {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0;
  top: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.about2 .zi_cont .jiao3 {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  bottom: 0;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.about2 .zi_cont .jiao4 {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0;
  bottom: 0;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.fazhan {
  position: relative;
  display: flex;
  align-items: center;
}
.fazhan .tu_box {
  position: relative;
  min-width: 400px;
  margin-right: 50px;
}
.fazhan .tu_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fazhan .title_box .nian {
  font-size: 50px;
  font-family: Gilroy-Medium, Gilroy;
  font-weight: 500;
  color: #FFFFFF;
  margin-bottom: 25px;
}
.fazhan .title_box .title {
  font-size: 24px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
  margin-bottom: 20px;
}
.fazhan .title_box .text {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 2;
}

.shijianzhou {
  position: relative;
  width: 100%;
  margin-top: 50px;
}
.shijianzhou .xian_cont {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shijianzhou .xian_cont .icon_box {
  color: #fff;
  font-size: 12px;
  transform: scale(0.8);
  display: inline-block;
}
.shijianzhou .xian_cont .xian {
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #fff;
}
.shijianzhou .nian_list {
  display: flex;
  justify-content: space-between;
  padding-left: 40px;
  overflow-x: auto;
  transform: translateY(-24px);
  padding-bottom: 20px;
}
.shijianzhou .nian_list li {
  min-width: 80px;
  cursor: pointer;
}
.shijianzhou .nian_list li:hover .nian_box .yuan {
  border: 1px solid rgb(255, 255, 255);
}
.shijianzhou .nian_list .arr .nian_box .yuan {
  border: 1px solid rgb(255, 255, 255);
}
.shijianzhou .nian_box {
  position: relative;
  width: 100%;
}
.shijianzhou .nian_box .yuan {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 50%;
  margin-bottom: 25px;
  transition: all 0.4s linear;
}
.shijianzhou .nian_box .yuan .dian {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #FFFFFF;
}
.shijianzhou .nian_box .num {
  font-size: 16px;
  font-family: Gilroy-Medium, Gilroy;
  font-weight: 500;
  color: #FFFFFF;
}

.page_cont .about4 {
  font-size: 16px;
  display: flex;
  width: 70%;
}
.page_cont .about4 .text_box {
  position: relative;
  width: 65%;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 2;
}
.page_cont .about4 .type_cont {
  display: flex;
  justify-content: space-between;
  transform: translateX(40px);
}
.page_cont .about4 .type_cont .type_box {
  position: relative;
  width: 162px;
  min-width: 162px;
  opacity: 0.8;
  transition: all 0.4s linear;
}
.page_cont .about4 .type_cont .type_box .bg {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
.page_cont .about4 .type_cont .type_box:nth-child(2) {
  transform: translateY(100px);
  left: -12px;
}
.page_cont .about4 .type_cont .type_box:nth-child(3) {
  transform: translateY(-50px);
  left: -50px;
}
.page_cont .about4 .type_cont .type_box .title_box {
  position: absolute;
  z-index: 1;
  text-align: center;
  width: 100%;
  top: 120px;
  margin-top: -18%;
}
.page_cont .about4 .type_cont .type_box .title_box .title {
  font-size: 30px;
  font-family: Gilroy-Bold, Gilroy;
  font-weight: bold;
  color: #054F7E;
  margin-bottom: 8px;
}
.page_cont .about4 .type_cont .type_box .title_box .title span {
  font-size: 16px;
}
.page_cont .about4 .type_cont .type_box .title_box .text {
  font-size: 16px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #054F7E;
}
.page_cont .about4 .type_cont .type_box:hover {
  opacity: 1;
}

.page_cont .zuzhi {
  width: 100%;
}
.page_cont .zuzhi_text {
  text-align: center;
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
}

.jiangbei {
  position: absolute;
  right: 2%;
  bottom: 1%;
  width: 16%;
}

.rongyu_lun .swiper-container {
  width: 100%;
  height: 100%;
}
.rongyu_lun .swiper-slide {
  text-align: center;
  font-size: 16px;
  background: #fff;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 500ms;
  transform: scale(0.25);
  opacity: 0.5;
}
.rongyu_lun .swiper-slide-next,
.rongyu_lun .swiper-slide-prev {
  transition: 500ms;
  transform: scale(0.5);
  opacity: 0.3;
}
.rongyu_lun .swiper-slide-active {
  z-index: 1;
  transform: scale(1);
  opacity: 1;
}
.rongyu_lun .icon_box {
  position: absolute;
  cursor: pointer;
  top: 50%;
  margin-top: -22.5px;
  width: 45px;
  height: 45px;
  opacity: 1;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  z-index: 1;
}
.rongyu_lun .icon_box span {
  color: #fff;
}
.rongyu_lun .icon_box:hover {
  border: 1px solid #054F7E;
}
.rongyu_lun .icon_box:hover span {
  color: #054F7E;
}
.rongyu_lun .left_box {
  left: -20px;
}
.rongyu_lun .right_box {
  right: -20px;
}

.page_cont .business5 {
  width: 70%;
}

.news_type {
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news_type ul {
  position: relative;
  width: 100%;
  display: flex;
  overflow-x: auto;
}
.news_type li {
  min-width: 140px;
  height: 38px;
  border-radius: 4px 4px 4px 4px;
  transition: all 0.4s linear;
  margin-right: 3%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s linear;
}
.news_type li a {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
}
.news_type li:hover {
  width: 111px;
  height: 38px;
  background: linear-gradient(147deg, #229DEC 0%, #054F7E 100%);
  box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.16);
  border-radius: 4px 4px 4px 4px;
}
.news_type .arr {
  width: 111px;
  height: 38px;
  background: linear-gradient(147deg, #229DEC 0%, #054F7E 100%);
  box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.16);
  border-radius: 4px 4px 4px 4px;
}
.news_type .shousuo {
  position: relative;
  width: 30%;
}
.news_type .shousuo input {
  border: none;
  height: 35px;
  width: 100%;
  max-width: 300px;
  background-color: rgba(255, 255, 255, 0.25);
  color: #fff;
  padding-left: 10px;
  padding-right: 40px;
  outline: none;
  font-size: 16px;
}
.news_type .shousuo input::-moz-placeholder {
  color: #fff;
}
.news_type .shousuo input::placeholder {
  color: #fff;
}
.news_type .shousuo .btn_box {
  position: absolute;
  width: 35px;
  height: 35px;
  right: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.news_type .shousuo .btn_box span {
  color: #fff;
}

.page_cont .news {
  width: 70%;
}
.page_cont .news .swiper {
  --swiper-theme-color: #fff;
  --swiper-pagination-color: #fff;
  /* 两种都可以 */
}
.page_cont .news .swiper {
  --swiper-theme-color: #fff;
  /* 设置Swiper风格 */
  --swiper-navigation-color: #fff;
  /* 单独设置按钮颜色 */
  --swiper-navigation-size: 30px;
  /* 设置按钮大小 */
}

.news_head {
  display: flex;
  position: relative;
  height: 320px;
}
.news_head .tu_box {
  position: relative;
  width: 45%;
  overflow: hidden;
}
.news_head .tu_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s linear;
}
.news_head .tu_box:hover img {
  transform: scale(1.2);
}
.news_head .tu_box .time {
  position: absolute;
  left: 0;
  top: 0;
  background: #229DEB;
  padding: 12px;
  text-align: center;
}
.news_head .tu_box .time .nian {
  font-size: 28px;
  font-family: Gilroy-Regular, Gilroy;
  font-weight: 400;
  color: #FFFFFF;
}
.news_head .tu_box .time .yue {
  font-size: 16px;
  font-family: Gilroy-Regular, Gilroy;
  font-weight: 400;
  color: #FFFFFF;
}
.news_head .zi_box {
  position: relative;
  width: 55%;
  padding: 40px 4%;
  background-color: rgba(255, 255, 255, 0.308);
}
.news_head .zi_box .news_logo {
  right: 0;
  bottom: 0;
  position: absolute;
  width: 264px;
}
.news_head .zi_box .title_box {
  position: relative;
  z-index: 2;
}
.news_head .zi_box .title_box .title {
  font-size: 20px;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news_head .zi_box .title_box .text {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1.8;
  margin-bottom: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.news_head .zi_box .title_box .more {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
}
.news_head .zi_box .title_box .more:hover {
  color: #054F7E;
}

.news_list {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding-top: 10px;
  margin-top: 70px;
}
.news_list .list_box {
  padding: 28px 20px;
  display: flex;
  font-size: 16px;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  justify-content: space-between;
}
.news_list .list_box .jiantou {
  display: inline-block;
  margin-right: 30px;
}
.news_list .list_box .title {
  min-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news_list .list_box:hover {
  background: rgba(255, 255, 255, 0.3);
}

.paging_cont {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.paging_cont .paging_btn {
  width: 46px;
  height: 46px;
  opacity: 1;
  border-radius: 50%;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #FFFFFF;
  transition: all 0.4s linear;
  cursor: pointer;
}
.paging_cont .paging_btn span {
  font-size: 10px;
  display: inline-block;
  transform: scale(0.6);
}
.paging_cont .paging_btn:hover {
  background: rgb(255, 255, 255);
  color: #054F7E;
}
.paging_cont ul {
  display: flex;
}
.paging_cont ul li {
  margin: 0 5px;
}
.paging_cont ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 16px;
  font-family: Gilroy-Medium, Gilroy;
  font-weight: 500;
  color: hsla(0, 0%, 100%, 0.6);
  background: rgba(255, 255, 255, 0);
  transition: all 0.4s linear;
}
.paging_cont ul li a:hover {
  background: rgb(255, 255, 255);
  color: #054F7E;
}

.paging_cont_j .paging_btn {
  color: #D80000;
  border: 1px solid #D80000;
}
.paging_cont_j .paging_btn:hover {
  background: rgb(216, 0, 0);
  color: #ffffff;
}
.paging_cont_j ul li a {
  color: rgba(216, 0, 0, 0.6);
  background: rgba(216, 0, 0, 0);
}
.paging_cont_j ul li a:hover {
  background: #D80000;
  color: #ffffff;
}

.news_d {
  width: 70%;
}
.news_d .title_box .title {
  font-size: 30px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 40px;
}
.news_d .title_box .time {
  font-size: 16px;
  font-family: Gilroy-Regular, Gilroy;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 35px;
}
.news_d .text_cont {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-top: 40px 0;
  color: #fff;
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF !important;
}
.news_d .text_cont p,
.news_d .text_cont span,
.news_d .text_cont a,
.news_d .text_cont pre,
.news_d .text_cont tbody,
.news_d .text_cont tr,
.news_d .text_cont td {
  color: #fff !important;
  border-color: #fff !important;
  background: transparent !important;
}
.news_d .text_cont img {
  max-width: 100%;
}
.news_d .text_cont2 {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-top: 40px 0;
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #000 !important;
}
.news_d .text_cont2 img {
  max-width: 100%;
}
.news_d .text_cont2 p,
.news_d .text_cont2 span,
.news_d .text_cont2 a,
.news_d .text_cont2 pre,
.news_d .text_cont2 tbody,
.news_d .text_cont2 tr,
.news_d .text_cont2 td {
  color: #000 !important;
  border-color: #000 !important;
  background: transparent !important;
}
.news_d .page_pvd {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
.news_d .page_pvd a {
  color: #FFFFFF;
}
.news_d .page_pvd .btn_box {
  max-width: 300px;
  transition: all 0.4s linear;
}
.news_d .page_pvd .btn_box .title {
  margin-bottom: 25px;
}
.news_d .page_pvd .btn_box .text {
  margin-bottom: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news_d .page_pvd .btn_box .icon_box span {
  font-size: 12px;
}
.news_d .page_pvd .btn_box:hover {
  color: #054F7E;
}
.news_d .page_pvd .back {
  width: 145px;
  height: 40px;
  background: #054F7E;
}

.page_cont .business1 {
  width: 75%;
  position: relative;
}
.page_cont .business1 .swiper-scrollbar {
  background-color: rgba(255, 255, 255, 0.3);
}
.page_cont .business1 .swiper-scrollbar-drag {
  background-color: #fff;
}
.page_cont .business1 .yewu_kuai {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
  overflow: hidden;
}
.page_cont .business1 .yewu_kuai .bg_tu {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s linear;
}
.page_cont .business1 .yewu_kuai .mo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.4s linear;
  background-color: rgba(0, 0, 0, 0.2);
}
.page_cont .business1 .yewu_kuai .neirong_box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.page_cont .business1 .yewu_kuai .neirong_box .num {
  position: absolute;
  left: 10%;
  top: 9%;
  font-size: 30px;
  font-family: Gilroy-Bold, Gilroy;
  font-weight: bold;
  color: #FFFFFF;
}
.page_cont .business1 .yewu_kuai .neirong_box .title_box {
  position: absolute;
  bottom: 10%;
  left: 10%;
}
.page_cont .business1 .yewu_kuai .neirong_box .title_box .title {
  font-size: 24px;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 8px;
}
.page_cont .business1 .yewu_kuai .neirong_box .title_box .en {
  font-size: 16px;
  font-family: Gilroy-Regular, Gilroy;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 16px;
}
.page_cont .business1 .yewu_kuai .neirong_box .title_box .heng {
  width: 17px;
  height: 4px;
  background: #FFFFFF;
  transition: all 0.4s linear;
}
.page_cont .business1 .yewu_kuai .neirong_box .title_box .text {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  opacity: 0;
  height: 0;
  transition: all 0.4s linear;
}
.page_cont .business1 .yewu_kuai:hover .mo {
  background: linear-gradient(180deg, rgba(34, 158, 236, 0.416) 0%, rgba(5, 80, 126, 0.359) 100%);
}
.page_cont .business1 .yewu_kuai:hover .title_box .heng {
  margin-bottom: 28px;
}
.page_cont .business1 .yewu_kuai:hover .title_box .text {
  height: auto;
  visibility: visible;
  opacity: 1;
}

.business2 {
  padding-bottom: 50px;
}

.page_cont .business2 {
  width: 75%;
}

.buju_cont {
  position: relative;
  margin-bottom: 50px;
}
.buju_cont .ditu_bg {
  position: relative;
  width: 100%;
}
.buju_cont .diqu {
  position: absolute;
  width: 16%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
}
.buju_cont .diqu .yuan {
  width: 100%;
  animation: zhuan 10s infinite linear;
}
.buju_cont .diqu .title {
  position: absolute;
  font-size: 16px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
}
.buju_cont .diqu1 {
  left: 33%;
  top: 51%;
}
.buju_cont .diqu2 {
  left: 52%;
  top: 26%;
}
.buju_cont .diqu3 {
  left: 55%;
  top: 48%;
}
.buju_cont .diqu4 {
  left: 47%;
  top: 68%;
}
.buju_cont .diqu5 {
  left: 5%;
  top: 35%;
}
.buju_cont .diqu5 .title {
  font-size: 20px;
}
.buju_cont .diqu6 {
  left: 33%;
  top: 68%;
  transform: scale(0.6);
}

.ditu_info {
  position: relative;
}
.ditu_info .info_title {
  font-size: 28px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.ditu_info .diqu_text {
  margin-bottom: 30px;
}
.ditu_info .diqu_text .title_box .title {
  font-size: 24px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
}
.ditu_info .diqu_text .title_box .en {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 5px;
}
.ditu_info .diqu_text .title_box .text {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
}
.ditu_info .diqu_text:last-child {
  padding-bottom: 50px;
  border-bottom: 1px solid #fff;
}

@keyframes zhuan {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.page_cont .business3 {
  width: 70%;
}
.page_cont .business3 .b3_li {
  margin-bottom: 70px;
}
.page_cont .business3 .youshi_head {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
.page_cont .business3 .youshi_head .num_box {
  width: 104px;
  height: 104px;
  border: 1px dotted hsla(0, 0%, 100%, 0.6);
  border-radius: 50%;
  font-size: 61px;
  font-family: Gilroy-Bold, Gilroy;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.6);
}
.page_cont .business3 .youshi_head .title_box {
  width: calc(100% - 104px);
  margin-left: 23px;
}
.page_cont .business3 .youshi_head .title_box .title {
  position: relative;
  font-size: 28px;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
}
.page_cont .business3 .youshi_head .title_box .title .xian {
  position: absolute;
  width: calc(100% + 23px);
  bottom: 0;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.6);
  left: -23px;
}
.page_cont .business3 .youshi_head .title_box .en {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
}

.youshi_box1 {
  display: flex;
  justify-content: space-between;
}
.youshi_box1 .left_box {
  width: 50%;
}
.youshi_box1 .left_box .title_box .title {
  font-size: 24px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
}
.youshi_box1 .left_box .title_box .en {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 37px;
}
.youshi_box1 .left_box .title_box .en2 {
  margin-bottom: 6px;
}
.youshi_box1 .left_box .title_box .text {
  margin-top: 35px;
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 2;
}
.youshi_box1 .left_box .title_box .text2 {
  margin-top: 0px;
}
.youshi_box1 .right_box {
  width: 44%;
}
.youshi_box1 .right_box .tu_box {
  width: 100%;
  height: 100%;
}
.youshi_box1 .right_box .tu_box img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.youshi_box1 .right_box .tu_box2 img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.youshi_box1 .right_box_tu {
  width: 27%;
}

.youshi_box2 {
  position: relative;
}
.youshi_box2 .title_box .title {
  font-size: 24px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
}
.youshi_box2 .title_box .en {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 37px;
}
.youshi_box2 .title_box .en2 {
  margin-bottom: 6px;
}
.youshi_box2 .title_box .text {
  margin-top: 35px;
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 2;
}
.youshi_box2 .title_box .text2 {
  margin-top: 0px;
}
.youshi_box2 .list_tu {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 0px 20px;
  margin-top: 50px;
}
.youshi_box2 .list_tu .tu_box {
  position: relative;
}
.youshi_box2 .list_tu .tu_box img {
  width: 100%;
}
.youshi_box2 .list_tu .tu_box .name {
  position: absolute;
  padding: 50px 0 20px 0;
  bottom: 0px;
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  background: linear-gradient(180deg, rgba(5, 79, 126, 0) 0%, rgba(0, 48, 78, 0.62) 100%);
}
.youshi_box2 .list_tu2 {
  margin-top: 50px;
}
.youshi_box2 .list_tu2 img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 300px;
}

.youshi_box2_re {
  flex-direction: row-reverse;
}

.page_cont .business4 {
  width: 70%;
}
.page_cont .business4 .biaoti {
  text-align: center;
  margin-bottom: 37px;
}
.page_cont .business4 .biaoti .titile {
  font-size: 31px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 20px;
}
.page_cont .business4 .biaoti .text {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
}
.page_cont .business4 .zhuanue_box {
  display: flex;
  align-items: flex-end;
}
.page_cont .business4 .zhuanue_box .left_box_head {
  position: relative;
  width: 350px;
  min-width: 350px;
}
.page_cont .business4 .zhuanue_box .left_box_head .bg_he {
  width: 100%;
}
.page_cont .business4 .zhuanue_box .left_box_head .text {
  position: absolute;
  bottom: 20px;
  font-size: 20px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  width: 100%;
}
.page_cont .business4 .zhuanue_box .left_box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 350px;
  min-width: 350px;
  margin-top: 15px;
}
.page_cont .business4 .zhuanue_box .left_box .text_box {
  position: relative;
  height: 58px;
  width: 254px;
  right: -3px;
  background: #0083D6;
  font-size: 20px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
}
.page_cont .business4 .zhuanue_box .left_box .c2 {
  background: #0074BE;
}
.page_cont .business4 .zhuanue_box .left_box .c3 {
  background: #0068AA;
}
.page_cont .business4 .zhuanue_box .left_box .c4 {
  background: #005B95;
}
.page_cont .business4 .zhuanue_box .left_box .c5 {
  background: #054F7E;
}
.page_cont .business4 .zhuanue_box .right_box {
  padding: 10px 30px 10px 60px;
  font-size: 16px;
  width: calc(100% - 350px);
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  position: relative;
}
.page_cont .business4 .zhuanue_box .right_box .xian {
  position: absolute;
  bottom: -10px;
  width: 100%;
  left: 0;
}

.news_type2 li {
  min-width: 150px;
}

.anli_cont {
  position: relative;
  width: 100%;
}
.anli_cont li {
  margin-bottom: 30px;
}
.anli_cont li:hover .anli_box {
  background-color: rgba(255, 255, 255, 0.6);
}
.anli_cont li:hover .anli_box .tu_box img {
  transform: scale(1.1);
}
.anli_cont .anli_box {
  position: relative;
  width: 100%;
  display: flex;
  padding: 20px 16px;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.3);
}
.anli_cont .anli_box .tu_box {
  position: relative;
  height: 317px;
  width: 42%;
  overflow: hidden;
}
.anli_cont .anli_box .tu_box img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.4s linear;
}
.anli_cont .anli_box .title_box {
  position: relative;
  width: calc(58% - 40px);
  height: 100%;
}
.anli_cont .anli_box .title_box .title {
  font-size: 20px;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
}
.anli_cont .anli_box .title_box .xian {
  position: relative;
  width: 100%;
  height: 1px;
  background-color: #fff;
  margin: 30px 0;
}
.anli_cont .anli_box .title_box .text {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 2;
}

.page_cont .careerDevelopment {
  width: 70%;
}
.page_cont .careerDevelopment .zhaoping_list li {
  border-bottom: 1px solid #fff;
}
.page_cont .careerDevelopment .zhaoping_list .zhaopian_box .zhaopian_title {
  width: 100%;
  padding: 28px 20px;
  background: rgba(255, 255, 255, 0);
  transition: all 0.4s linear;
  cursor: pointer;
}
.page_cont .careerDevelopment .zhaoping_list .zhaopian_box .zhaopian_title:hover {
  background: rgba(255, 255, 255, 0.23);
}
.page_cont .careerDevelopment .zhaoping_list .zhaopian_box .zhaopian_title .title {
  font-size: 24px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
  margin-bottom: 15px;
}
.page_cont .careerDevelopment .zhaoping_list .zhaopian_box .zhaopian_title .text {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.page_cont .careerDevelopment .zhaoping_list .zhaopian_box .zhaopian_title .text .info {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
}
.page_cont .careerDevelopment .zhaoping_list .zhaopian_box .zhaopian_title .text .time {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
}
.page_cont .careerDevelopment .zhaoping_list .zhaopian_box .zhaopian_text {
  padding: 0px 20px;
  overflow: hidden;
  height: 0;
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  transition: all 0.4s linear;
}
.page_cont .careerDevelopment .zhaoping_list .arr .zhaopian_title {
  background: rgba(255, 255, 255, 0.23);
}
.page_cont .careerDevelopment .zhaoping_list .arr .zhaopian_text {
  padding: 40px 20px;
  height: auto;
}

.contact .lianxi_info {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 12px;
  margin-bottom: 30px;
}
.contact .lianxi_info .info_box {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  height: 140px;
  display: flex;
  align-items: center;
  padding: 0 6%;
}
.contact .lianxi_info .info_box .icon_box {
  width: 66px;
  height: 66px;
  background: #054F7E;
  border-radius: 50%;
}
.contact .lianxi_info .info_box .icon_box span {
  font-size: 28px;
  color: #fff;
}
.contact .lianxi_info .title_box {
  max-width: 70%;
  margin-left: 5%;
}
.contact .lianxi_info .title_box .title {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #054F7E;
}
.contact .lianxi_info .title_box .text {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #054F7E;
}
.contact .lianxi_info .title_box .num {
  font-size: 24px;
  font-family: Gilroy-Medium, Gilroy;
  font-weight: 500;
  color: #054F7E;
}
.contact #ditu {
  position: relative;
  width: 100%;
  height: 470px;
  z-index: 1;
}

.bigdong {
  animation: wang 3s 0.1s linear infinite;
  overflow: inherit !important;
}

@keyframes wang {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(0.8);
  }
}
.liuyan .liuyan_input_cont {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 24px 20px;
  margin-bottom: 30px;
}
.liuyan .liuyan_input_cont .input_box {
  position: relative;
}
.liuyan .liuyan_input_cont input {
  width: 100%;
  height: 52px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.7);
  color: #fff;
  padding-left: 80px;
  outline: none;
  font-size: 16px;
}
.liuyan .label {
  position: absolute;
  left: 16px;
  font-size: 16px;
  top: 14px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
}
.liuyan .liuyan_text {
  position: relative;
  width: 100%;
}
.liuyan .liuyan_text .textarea {
  position: relative;
  width: 100%;
  outline: none;
  padding: 18px 16px;
  height: 230px;
  color: #fff;
  font-size: 16px;
  text-indent: 100px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.7);
}
.liuyan .tijiao {
  width: 134px;
  height: 52px;
  opacity: 1;
  border: 1px solid #FFFFFF;
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 25px;
  transition: all 0.4s linear;
}
.liuyan .tijiao:hover {
  color: #005B95;
  background-color: #fff;
}

.dangjian1 .news_head .tu_box .time {
  background-color: #D80000;
}
.dangjian1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #D80000;
}
.dangjian1 .mySwiper {
  margin-bottom: 60px;
}
.dangjian1 .mySwiper .news_head .zi_box .title_box .title,
.dangjian1 .mySwiper .news_head .zi_box .title_box .text,
.dangjian1 .mySwiper .news_head .zi_box .title_box .more {
  color: #000;
}
.dangjian1 .mySwiper .news_head .zi_box .title_box .more:hover {
  color: #D80000;
}
.dangjian1 .dangjian1_list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 50px 30px;
  margin-bottom: 50px;
}
.dangjian1 .dangjian1_list .list_box .tu_box {
  width: 100%;
  overflow: hidden;
}
.dangjian1 .dangjian1_list .list_box .tu_box img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s linear;
}
.dangjian1 .dangjian1_list .list_box .text {
  margin-top: 25px;
  font-size: 20px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  transition: all 0.4s linear;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dangjian1 .dangjian1_list .list_box .time {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  margin-top: 40px;
}
.dangjian1 .dangjian1_list .list_box:hover .tu_box img {
  transform: scale(1.1);
}
.dangjian1 .dangjian1_list .list_box:hover .text {
  color: #D80000;
}

.dangjian2_list li {
  position: relative;
  border-bottom: 1px solid #E1E1E1;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.dangjian2_list li:hover .xian {
  width: 100%;
}
.dangjian2_list li:hover .list_box .title_box .title {
  color: #D80000;
}
.dangjian2_list .xian {
  position: absolute;
  width: 0;
  height: 1px;
  background-color: #D80000;
  bottom: -0.5px;
  left: 0;
  transition: all 0.4s linear;
}
.dangjian2_list .list_box {
  display: flex;
}
.dangjian2_list .list_box .tu_box {
  width: 234px;
  height: 146px;
  overflow: hidden;
}
.dangjian2_list .list_box .tu_box img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s linear;
}
.dangjian2_list .list_box .title_box {
  margin-left: 25px;
  width: calc(100% - 234px - 25px);
}
.dangjian2_list .list_box .title_box .title {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
}
.dangjian2_list .list_box .title_box .text {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #707070;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 50px;
}
.dangjian2_list .list_box .title_box .time {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #333333;
}

.news_list_j {
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
.news_list_j .list_box {
  color: #707070;
  border: 1px solid rgba(227, 0, 0, 0);
  transition: all 0.4s linear;
}
.news_list_j .list_box:hover {
  color: #E30000;
  background: rgba(227, 0, 0, 0.1);
  border: 1px solid #E30000;
}

.dangjian_d .title_box .title,
.dangjian_d .title_box .time {
  color: #707070;
}
.dangjian_d .text_cont {
  color: #707070;
}
.dangjian_d .page_pvd .btn_box {
  color: #707070;
}
.dangjian_d .page_pvd .btn_box:hover {
  color: #E30000;
}
.dangjian_d .page_pvd .back {
  background-color: #E30000;
  color: #fff;
}

.dangjian4 {
  display: flex;
}
.dangjian4 .left_box {
  width: calc(83% - 44px);
  padding-right: 44px;
  border-right: 1px solid #E1E1E1;
}
.dangjian4 .dangjian4_list {
  width: 100%;
}
.dangjian4 .dangjian4_list .list_box {
  position: relative;
  padding: 20px 25px;
  padding-bottom: 35px;
  display: flex;
}
.dangjian4 .dangjian4_list .list_box .time {
  min-width: 72px;
  height: 72px;
  background: #E6E6E6;
  flex-direction: column;
  margin-right: 5%;
  transition: all 0.4s linear;
  color: #707070;
}
.dangjian4 .dangjian4_list .list_box .time .ri {
  font-size: 28px;
  font-family: Gilroy-Regular, Gilroy;
  font-weight: 400;
}
.dangjian4 .dangjian4_list .list_box .time .nian {
  font-size: 16px;
  font-family: Gilroy-Regular, Gilroy;
  font-weight: 400;
}
.dangjian4 .dangjian4_list .list_box .title_box .title {
  font-size: 20px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #707070;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 35px;
}
.dangjian4 .dangjian4_list .list_box .title_box .more {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #AAAAAA;
}
.dangjian4 .dangjian4_list .list_box .xian {
  position: relative;
  height: 6px;
  background: #E20013;
  width: 0;
  left: 0;
  position: absolute;
  bottom: 0;
  transition: all 0.4s linear;
}
.dangjian4 .dangjian4_list .list_box:hover .time {
  background-color: #E20013;
  color: #fff;
}
.dangjian4 .dangjian4_list .list_box:hover .xian {
  width: 100%;
}
.dangjian4 .right_box {
  width: calc(17% + 44px);
  padding-left: 44px;
}
.dangjian4 .right_box .info_cont {
  position: sticky;
  top: 50px;
  left: 0;
  width: 100%;
}
.dangjian4 .right_box .info_cont .info_box {
  width: 100%;
  padding: 25px 5%;
  background: rgba(154, 45, 35, 0.74);
  margin-bottom: 25px;
  text-align: center;
  color: #FFFFFF;
}
.dangjian4 .right_box .info_cont .info_box .icon_box {
  margin-bottom: 16px;
}
.dangjian4 .right_box .info_cont .info_box .icon_box span {
  color: #FFFFFF;
  font-size: 39px;
}
.dangjian4 .right_box .info_cont .info_box .text {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  word-break: break-all;
  margin-bottom: 14px;
}

.banner {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #cccccc;
}

.banner canvas {
  display: block;
  position: absolute;
}

.scene-nav {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  font-size: 40px;
  line-height: 1;
  color: #fff;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  transition: 0.45s;
}

.scene-nav.scene-nav--prev {
  left: -30px;
}

.scene-nav.scene-nav--next {
  right: -30px;
}

.slide-dit {
  position: absolute;
  left: 30px;
  bottom: 60px;
  z-index: 12;
  overflow: hidden;
}

.slide-dit span {
  display: block;
  float: left;
  margin-right: 35px;
  width: 12px;
  height: 16px;
  cursor: pointer;
  background: url(../image/water.png) center no-repeat;
  transition: 0.44s;
}

.slide-dit span:last-child {
  margin-right: 0;
}

.slide-dit span.active {
  animation: shake 1s forwards;
  background: url(../image/water1.png) center no-repeat;
}

@keyframes shake {
  from, to {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
  from, to {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
.ceshi {
  position: fixed;
  width: 200px;
  height: 200px;
  font-size: 20px;
  z-index: 999;
  top: 10%;
  left: 10%;
}

.content .slide-wrapper {
  display: none;
}

.slide-dit {
  display: none;
}

.Menu_list2 .Menu_link2 {
  cursor: pointer;
  flex-wrap: wrap;
}

.erji_Menu {
  height: 0;
  overflow: hidden;
  transition: all 0.3s linear;
}
.erji_Menu ul li {
  padding: 10px 0 10px 20px;
}

.left_nav .arr_v3 .erji_Menu {
  margin-top: 10px;
  height: auto !important;
}
.left_nav .arr_v3 .erji_Menu .v3_arr {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.39) 0%, rgba(255, 255, 255, 0) 100%);
}
.left_nav .arr_v3 .v3_cont {
  background: none;
}
.left_nav .arr_v3 .arr_link {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.39) 0%, rgba(255, 255, 255, 0) 100%);
}
.left_nav .arr_v3 .v3_title {
  display: flex;
  align-items: center;
  padding: 10px 0 10px 0px;
}

.text_cont img {
  max-width: 100%;
}

.video_page ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 50px 30px;
  margin-bottom: 50px;
}
.video_page ul li .video_box {
  position: relative;
  width: 100%;
}
.video_page ul li .tu_box {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video_page ul li .tu_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s linear;
}
.video_page ul li .tu_box .play {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
  background-color: hsla(0, 0%, 0%, 0.5);
  transition: all 0.3s linear;
}
.video_page ul li .tu_box .play span {
  color: #fff;
  font-size: 50px;
}
.video_page ul li .title {
  margin-top: 10px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.video_page ul li:hover .tu_box img {
  transform: scale(1.1);
}
.video_page ul li:hover .play {
  opacity: 1;
}/*# sourceMappingURL=style.css.map */