.swiper-pagination-bullet-active {
  background: #fff !important;
}
.swiper-pagination-bullet {
  width: calc(12*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  height: calc(12*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  border: 1px solid #ffffff;
}
.swiper-pagination {
  width: auto !important;
  left: calc(100*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  bottom: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
}
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Swiper-content {
  width: 100%;
  height: 100vh;
}
.Swiper-content img {
  height: 100vh;
  width: 100%;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  color: #fff;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  color: #fff;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: calc(24*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
}
.in-content {
  width: 100%;
  height: calc(810*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: url(../images/content.png) no-repeat;
  background-size: cover;
}
.in-content .in-content-big {
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  padding-top: calc(93*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.in-content .in-content-big .incont-1 {
  display: flex;
  justify-content: space-between;
}
.in-content .in-content-big .incont-1 .in-top-left span {
  display: block;
  font-size: calc(30*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 700;
  color: #000000;
  padding-top: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-bottom: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.in-content .in-content-big .incont-1 .in-top-left i {
  width: calc(608*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #333333;
  line-height: calc(30*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-bottom: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}
.in-content .in-content-big .incont-1 .in-top-left i:last-child {
  margin: 0 0;
}
.in-content .in-content-big .incont-1 .in-top-right {
  width: calc(530*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(300*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.in-content .in-content-big .incont-1 .in-top-right .video-cont {
  position: relative;
  width: calc(530*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(300*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  overflow: hidden;
}
.in-content .in-content-big .incont-2 {
  padding-top: calc(100*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.in-content .in-content-big .incont-2 ul {
  padding: 0 calc(50*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.in-content .in-content-big .incont-2 ul li .in-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.in-content .in-content-big .incont-2 ul li .in-item span {
  font-size: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 700;
  color: #023894;
}
.in-content .in-content-big .incont-2 ul li .in-item i {
  font-size: calc(24*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #023894;
  display: block;
  margin-left: calc(10*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.in-content .in-content-big .incont-2 ul li .in-text {
  font-size: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #333333;
  text-align: center;
  margin-top: calc(5*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.in-content .in-content-big .incont-2 ul .gand {
  width: calc(1*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(56*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: rgba(2, 56, 148, 0.5);
}
.incont-3 {
  padding-top: calc(90*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.incont-3 .a-gengduo a {
  width: calc(168*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(53*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border-radius: calc(28.5*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: center;
  color: #023894;
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.3s;
}
.incont-3 .a-gengduo a::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #023894;
  border-radius: calc(28.5*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: transparent;
  z-index: 1;
  pointer-events: none;
  transition: border-color 0.3s;
}
.incont-3 .a-gengduo a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #023894;
  border-radius: calc(28.5*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  z-index: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.incont-3 .a-gengduo a:hover,
.incont-3 .a-gengduo a:focus {
  color: #fff;
}
.incont-3 .a-gengduo a:hover::after,
.incont-3 .a-gengduo a:focus::after {
  transform: scaleX(1);
}
.incont-3 .a-gengduo a:hover img,
.incont-3 .a-gengduo a:focus img {
  filter: brightness(0) invert(1);
}
.incont-3 .a-gengduo img {
  margin-left: calc(6*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
  width: calc(15*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(10*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  transition: filter 0.3s;
}
.incont-3 .a-gengduo a > span,
.incont-3 .a-gengduo a > img {
  position: relative;
  z-index: 2;
}
.product {
  width: 100%;
  height: calc(1004*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
}
.product .product-top {
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  padding-top: calc(108*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product .product-top .product-top-left span {
  font-size: calc(36*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 700;
  color: #1d2939;
  display: block;
  margin-bottom: calc(25*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.product .product-top .product-top-left i {
  font-size: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #6981a0;
}
.product .product-icon {
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  padding-top: calc(34*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.product .product-icon img {
  width: calc(71*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(17*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.projuct-swiper {
  width: 100%;
  height: calc(518*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-top: calc(60*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.projuct-swiper .productSwiper {
  height: calc(525*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
}
.projuct-swiper .productSwiper .custom-swiper-button-prev {
  color: red !important;
}
.position-swiper-button {
  position: absolute;
  bottom: calc(94*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: 50%;
  width: calc(93*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-swiper-button-prev {
  width: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  height: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  left: 0 !important;
}
.custom-swiper-button-prev::after {
  background: url(../images/swiper-left.png) !important;
  color: transparent !important;
  width: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  height: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  background-size: cover !important;
}
.custom-swiper-button-next {
  width: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  height: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  right: 0 !important;
}
.custom-swiper-button-next::after {
  background: url(../images/swiper-right.png) !important;
  color: transparent !important;
  width: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  height: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  background-size: cover !important;
}
.swiper-projuct {
  width: calc(386*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  height: calc(518*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
}

.swiper-projuct .projuct-item {
  width: calc(386*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(518*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border: 1px solid #ededed;
}
.swiper-projuct .projuct-item .projuct-img {
  width: calc(356*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(416*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: #e3e3e4;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: calc(15*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.swiper-projuct .projuct-item .projuct-img img {
  /*width: auto;*/
  /*height: auto;*/
  max-width: 90%;
  max-height: 90%;
  display: block;
  object-fit: contain;
}
.swiper-projuct .projuct-item .projuct-text-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 calc(15*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-top: calc(34*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.swiper-projuct .projuct-item .projuct-text-icon span {
  font-size: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #050505;
}
.swiper-projuct .projuct-item .projuct-text-icon img {
  width: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(17*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-innovation {
  width: 100%;
  padding-bottom: calc(75*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: url(../images/yanf.png) no-repeat;
  background-size: cover;
}
.research-innovation .research-top {
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  padding-top: calc(108*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.research-innovation .research-top .research-top-left span {
  font-size: calc(36*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 700;
  color: #1d2939;
  display: block;
  margin-bottom: calc(25*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-innovation .research-top .research-top-left i {
  font-size: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #6981a0;
}
.research-innovation .research-uni {
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  margin-top: calc(65*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-innovation .research-uni .research-top-cont {
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(418*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: url(../images/yunx.png) no-repeat;
  background-size: cover;
  position: relative;
}
.research-innovation .research-uni .research-top-cont .cooperate {
  width: calc(97*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(57*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: url(../images/hz.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.research-innovation .research-uni .research-top-cont .cooperate-content {
  width: calc(1097*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  padding-top: calc(62*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.research-innovation .research-uni .research-top-cont .cooperate-content .img_dx {
  width: calc(460*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(300*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-innovation .research-uni .research-top-cont .cooperate-content .cooper-left {
  margin-left: calc(49*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-innovation .research-uni .research-top-cont .cooperate-content .cooper-left img {
  /*width: auto;*/
  /*height: auto;*/
  width: calc(154*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(57*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  max-width: none;
  max-height: none;
  display: block;
}
.research-innovation .research-uni .research-top-cont .cooperate-content .cooper-cont .cooper-right {
  display: flex;
  padding-top: calc(44*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-innovation .research-uni .research-top-cont .cooperate-content .cooper-cont .cooper-right img {
  width: calc(29*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-top: calc(7*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-right: calc(22*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-innovation .research-uni .research-top-cont .cooperate-content .cooper-cont .cooper-right span {
  width: calc(486*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #16293a;
  line-height: calc(33*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-innovation .research-uni .cooper-list {
  padding-top: calc(25*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-innovation .research-uni .cooper-list ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-innovation .research-uni .cooper-list ul li {
  cursor: pointer;
}
.research-innovation .research-uni .cooper-list ul li img {
  width: calc(220*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(74*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.news-center {
  width: 100%;
  height: calc(768*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
}
.news-center .news-center-top {
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  padding-top: calc(108*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news-center .news-center-top .news-center-top-left span {
  font-size: calc(36*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 700;
  color: #1d2939;
  display: block;
  margin-bottom: calc(25*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.news-center .news-center-top .news-center-top-left i {
  font-size: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #333333;
}
.news-center .news-center-top .news-tabs ul {
  display: flex;
  align-items: center;
}
.news-center .news-center-top .news-tabs ul li {
  font-size: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #3a3a40;
  cursor: pointer;
}
.news-center .news-center-top .news-tabs ul li:nth-child(2) {
  display: block;
  margin: 0 calc(78*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.news-center .news-list {
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  margin-top: calc(37*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: grid;
  grid-column: span 3;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: calc(30*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.news-center .news-list a {
  width: calc(380*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}
.news-center .news-list .news-item {
  width: calc(380*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.news-center .news-list .news-item:hover .news-item-title .news-text {
  color: #023894 !important;
}
.news-center .news-list .news-item .news-item-img {
  width: calc(380*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  justify-content: center;
  align-content: center;
  padding: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) 0 ;
}
.news-center .news-list .news-item .news-item-img img {
  object-fit: cover;
  width: calc(380*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(250*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.news-center .news-list .news-item .news-item-title {
  padding-top: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.news-center .news-list .news-item .news-item-title .news-text {
  padding-left: calc(5*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 700;
  color: #3a3a40;
  margin: 0 auto;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.news-center .news-list .news-item .news-item-title .news-span {
  font-size: calc(14*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #999999;
  padding-top: calc(10*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-center .news-list .news-item .news-item-title .news-time {
  display: flex;
  align-items: center;
  padding-top: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.news-center .news-list .news-item .news-item-title .news-time span {
  font-size: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 700;
  color: #3a3753;
}
.news-center .news-list .news-item .news-item-title .news-time i {
  font-size: calc(14*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #c7c7c7;
  padding: 0 calc(4*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.news-tabs ul li.active {
  color: #023894 !important;
}
.news-gift {
  display: none;
}
.news-gift.active {
  display: block;
}
.research-top-cont {
  display: none;
}
.research-top-cont.active {
  display: block;
}
.video-cont video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.video-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(92*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(92*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: url(../images/play.png) no-repeat;
  background-size: cover;
  cursor: pointer;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}


.news-center .news-list .news-item .news-item-img img {
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: 1;
}
.news-center .news-list .news-item:hover img {
  transform: scale(1.05);
}