@import url("master.css");
@import url("../font/iconfont.css");
@import url("roll.css");
@import url("animate.css");

:root {
  --color01: rgba(8, 60, 149, 1);
  --color02: rgba(14, 111, 176, 1);
  --bcr1: cubic-bezier(0.4, 0.4, 0, 1);
  --bcr2: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.move_top {
  padding-top: 0.9rem;
}

.mobile_img {
  display: none;
}

/*main*/
#main {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#main .scrollbar-track-y {
  background-color: #e5e5e5;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 8px;
}

#main .scrollbar-track-y .scrollbar-thumb-y {
  background-color: var(--color01);
  width: 100%;
}

#main .liTxt {
  padding-right: 15px;
  margin-right: -15px;
}

#main .liTxt .scrollbar-track-y {
  width: 3px;
  border-radius: 3px;
}

#main .liTxt .scrollbar-track-y .scrollbar-thumb-y {
  border-radius: 3px;
}

.main {
  width: 100%;
  overflow: hidden;
}

/*font_effect*/
.font_effect>span {
  display: inline-table;
  overflow: hidden;
}

.font_effect>span>font {
  display: block;
  -webkit-animation-duration: 0.6s !important;
  animation-duration: 0.6s !important;
}

/*相册、视频（打开动画）*/
#spotlight {
  background-color: rgba(0, 0, 0, 0.6);
  clip-path: circle(0px at center);
  -webkit-clip-path: circle(0px at center);
}

#spotlight.show {
  clip-path: circle(100% at center);
  -webkit-clip-path: circle(100% at center);
  transition: clip-path ease 1s;
  -webkit-transition: clip-path ease 1s;
}

/*字体间距*/
.zh {
  letter-spacing: 0.075em;
}

/*分页器*/
.pagination {
  text-align: center;
}

.pagination li {
  display: inline-block;
  padding: 0 0.1rem;
}

.pagination li a,
.pagination li span {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
  border: 1px solid var(--color01);
  border-radius: 50%;
  background-color: #fff;
  color: var(--color01);
  transition: all 0.35s ease;
}

.pagination li.active span {
  background-color: var(--color01);
  color: #fff;
  pointer-events: none;
}

.pagination li.disabled span {
  cursor: not-allowed;
}

/*href_hover*/
/*线型*/
.hoverable .hoverable_txt {
  position: relative;
  display: inline-block;
}

.hoverable .hoverable_txt:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right top;
  transform-origin: right top;
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/*Menu*/
.openMenu {
  display: none;
}

.openMenu>a {
  align-items: center;
  outline: none;
}

.openMenu .openMenu_btn {
  width: 24px;
  height: 24px;
}

.openMenu .openMenu_btn span {
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  transition: all 0.4s ease;
  background-color: #fff;
}

.openMenu .openMenu_btn span:nth-child(1) {
  top: 3px;
  left: 0;
}

.openMenu .openMenu_btn span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 16px;
  right: 0;
}

.openMenu .openMenu_btn span:nth-child(3) {
  bottom: 3px;
  left: 0;
}

.header.mobileNav .openMenu .openMenu_btn span:nth-child(1) {
  top: 11px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.header.mobileNav .openMenu .openMenu_btn span:nth-child(2) {
  opacity: 0;
  -webkit-opacity: 0;
  visibility: hidden;
}

.header.mobileNav .openMenu .openMenu_btn span:nth-child(3) {
  bottom: 11px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/*页头*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
}

.header::before {
  content: "";
  width: 100vw;
  height: .8rem;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
  z-index: -1;
}

.pc-nav {
  height: .8rem;
}

.pc-nav ._logo>a {
  align-items: center;
  height: 100%;
  padding: 0 0.6rem 0 6.25vw;
  /* border-right: 1px solid rgba(255, 255, 255, 0.2); */
}

.pc-nav ._logo>a>div {
  height: 0.56rem;
}

.pc-nav ._logo>a>div img {
  height: 100%;
}

.pc-nav .nav {
  margin: 0 auto;
}

.pc-nav .nav .nav_a>a {
  color: rgba(255, 255, 255, 1);
  height: .8rem;
  line-height: .8rem;
  font-size: .18rem;
  padding: 0 0.3rem;
  transition: all 0.3s ease;
  position: relative;
}

.pc-nav .nav .nav_a.active::before,
.pc-nav .nav .nav_a:hover::before {
  opacity: 1;
  transform: translateX(0) skew(-12deg);
}

.pc-nav .nav .nav_a.active>a,
.pc-nav .nav .nav_a>a:hover {
  font-weight: bold;
}

.pc-nav .nav .nav_a.active>a::after,
.pc-nav .nav .nav_a>a:hover:after {
  opacity: 1;
  transform: none;
}

.pc-nav .nav .nav_a>.nav_b {
  position: absolute;
  top: 100%;
  left: 50%;
  padding: 5px 0;
  color: #666;
  min-width: 130px;
  background-color: #fff;
  transform: translateX(-50%) translateY(10px);
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
  border: 1px solid #e6e6e6;
  transition: all 0.3s ease-in-out;
}

.pc-nav .nav .nav_a>.nav_b:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  width: 0;
  height: 0px;
  margin-left: -6px;
  border-style: solid;
  border-width: 6px;
  border-color: #fff #fff transparent transparent;
  transform: rotate(-45deg);
  box-shadow: 2px -2px 2px rgba(100, 100, 100, 0.1);
}

.pc-nav .nav .nav_a>.nav_b>.nav_b_list>li>a {
  white-space: nowrap;
  line-height: 38px;
  color: #666;
  transition: all 0.3s ease;
  padding: 0 15px;
}

.pc-nav .operation {
  padding-right: 6.25vw;
  color: rgba(102, 102, 102, 1);
  align-items: center;
}

.pc-nav .operation ._item {
  padding: 0 .3rem;
  cursor: pointer;
  transition: background-color .3s ease;
  position: relative;
  align-items: center;
}

.pc-nav .operation ._item .icon {
  width: .36rem;
  height: .36rem;
  display: flex;
  justify-content: center;
  align-items: center
}

.pc-nav .operation ._itemBtn {
  height: 100%;
  font-size: .14rem;
  color: #fff;
  flex-flow: row;
  align-items: center;
  gap: .1rem;
  justify-content: center;
}

/* 搜索 */
.pc-nav .operation ._item.header__search {
  padding: 0;
  width: .36rem;
  height: .36rem;
  border: 1px solid #fff;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

/* 搜索框弹出层 */
.mobile_search {
  visibility: hidden;
  opacity: 0;
  z-index: 4;
  width: 100%;
  position: fixed;
  top: 0.8rem;
  left: 0;
  padding: 0.7rem 0;
  background: #fff;
  border-bottom: 1px solid #eee;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.mobile_search.active {
  opacity: 1;
  visibility: inherit;
}

.mobile_search .close {
  position: absolute;
  right: 1.6rem;
  top: 0.15rem;
  font-weight: bold;
  cursor: pointer;
}

.mobile_search .close i {
  font-size: 0.24rem;
  display: inline-block;
  transition: 0.4s;
  color: #999;
}

.mobile_search .close:hover i {
  transform: rotate(180deg);
  color: var(--color01);
}

.mobile_search form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: min(8rem, 90%);
  margin: 0 auto;
  background: #f5f5f5;
  border-radius: 30px;
}

.mobile_search .input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mobile_search .input input {
  width: 100%;
  border: none;
  min-height: 60px;
  padding-left: 20px;
  background: none;
  color: #333;
}

.mobile_search .label .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 60px;
  height: 100%;
  border-radius: 30px;
  cursor: pointer;
}
.mobile_search .label .btn svg path{
  fill: #333;
}

/* 多语言 */
.pc-nav .operation .header__lang {
  margin-right: .3rem;
  padding: .06rem .15rem;
  border: 1px solid #fff;
  border-radius: .3rem;
  align-items: center;
  gap: .1rem;
}

.pc-nav .operation .header__lang::after {
  content: "\eb6d";
  font-family: "iconfont";
  font-size: .14rem;
  color: #fff;
  line-height: 1;
  transition: all 0.3s ease-in-out;
}

.pc-nav .language {
  position: absolute;
  top: 110%;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.pc-nav .language .language_item {
  background-color: #fff;
}

.pc-nav .language .language_item a {
  line-height: 0.34rem;
  color: #333;
  transition: all 0.3s ease;
}

.pc-nav .language .language_item:first-child a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #eee;
}

.pc-nav .language:after {
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  width: 0;
  height: 0px;
  margin-left: -4px;
  border-style: solid;
  border-width: 4px;
  border-color: #fff #fff transparent transparent;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  box-shadow: 2px -2px 2px rgba(153, 153, 153, 0.1);
  -webkit-box-shadow: 2px -2px 2px rgba(153, 153, 153, 0.1);
}

.pc-nav .operation ._item:hover .language {
  top: 130%;
  opacity: 1;
  visibility: visible;
}

.pc-nav .operation .header__lang:hover::after {
  transform: rotate(180deg);
}

.header.onWhite::before {
  background-color: var(--color01);
}
/* 移动折叠菜单 */
/*mobile nav*/
.m-nav {
  position: fixed;
  top: 50px;
  width: 100%;
  height: calc(100vh - 50px);
  background: #fff;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  z-index: 0;
  opacity: 0;
  visibility: visible;
  margin-top: 0;
  overflow-y: auto;
  transform: translateX(100%);
}

.m-nav a {
  outline: none;
}

.m-nav.active {
  opacity: 1;
  transform: translateX(0);
  z-index: 1000;
}

.m-nav .ul {
  margin-top: 20px;
}

.m-nav .ul li {
  padding: 0 20px;
  border-bottom: 1px solid #f5f5f5;
  transform: translateY(0);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
  opacity: 0;
}

.m-nav.active .ul li {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.m-nav .ul li:nth-child(1) {
  -webkit-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
  transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
}

.m-nav .ul li:nth-child(2) {
  -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
  transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
}

.m-nav .ul li:nth-child(3) {
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
}

.m-nav .ul li:nth-child(4) {
  -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
  transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
}

.m-nav .ul li:nth-child(5) {
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
}

.m-nav .ul li:nth-child(6) {
  -webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
  transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
}

.m-nav .ul li:nth-child(7) {
  -webkit-transition: all 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
}

.m-nav .ul li:nth-child(8) {
  -webkit-transition: all 1.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
  transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
}

.m-nav .ul li a {
  display: block;
  text-decoration: none;
  color: #333;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  width: 100%;
  position: relative;
}

.m-nav .ul li a.active {
  font-weight: 800;
  color: #1b2c43;
}

.m-nav .ul li.dropdown a.dropdown-title::before,
.m-nav .ul li.dropdown a.dropdown-title::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  background-color: rgba(51, 51, 51, 0.5);
  right: 10px;
  top: 50%;
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  -o-transition: transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}

.m-nav .ul li.dropdown a.dropdown-title::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.m-nav .ul li.dropdown a.dropdown-title.active::after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.m-nav .ul li a i {
  font-size: 12px;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.m-nav .ul li .dropdown_menu {
  display: none;
}

.m-nav .ul li.dropdown.active .dropdown_menu {
  display: block;
}

.m-nav .ul li .dropdown_menu a {
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #f5f5f5;
}

.m-nav .ul li .dropdown_menu a:last-child {
  border: none;
}

.m-code-box img {
  display: block;
  width: 40%;
  margin: 0 auto;
}

.m-code-box p {
  font-size: .3rem;
  line-height: 2;
}

.m-nav-tel {
  text-align: center;
  margin-top: 18px;
  margin-bottom: 20px;
  font-size: 18px;
  color: #666;
}

.m-nav-tel a {
  font-weight: 800;
}

.m-nav-link {
  text-align: center;
  margin-top: 18px;
}

.m-nav-link a {
  display: inline-block;
  padding: 5px 25px;
  color: #fff;
  cursor: default;
  background: #00598e;
  font-size: 14px;
  line-height: 2;
}

/*首页*/
.Hbanner {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #000;
}

#Hbanner {
  width: 100%;
  height: 100%;
}

#Hbanner .swiper-slide {
  overflow: hidden;
}

/* #Hbanner .swiper-slide:nth-child(3) {
  transform: rotateY(180deg);
}

#Hbanner .swiper-slide:nth-child(3) .Hbanner_txt ._item {
  text-align: right;
  transform: rotateY(180deg);
} */

#Hbanner .swiper-slide>a {
  width: 100%;
  height: 100%;
  display: block;
}

#Hbanner ._bg {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: -1;
}

#Hbanner ._bg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  /*-webkit-filter: brightness(.5);*/
  /*filter: brightness(.5);*/
  background-color: rgba(0, 0, 0, .23);
  top: 0;
  left: 0;
  z-index: 2;
}

/* #Hbanner ._bg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../image/cover-bg1.png) no-repeat 0 center;
  background-size: contain;
  top: 0;
  left: 0;
  z-index: 3;
} */

#Hbanner ._bg>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#Hbanner ._bg video {
  cursor: auto;
  width: 100%;
  height: 100%;
  border-radius: 0px;
  display: block;
  object-fit: cover;
  background-color: rgba(0, 0, 0, 0);
  object-position: 50% 50%;
}

#Hbanner .Hbanner_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  color: #fff;
  pointer-events: none;
}

#Hbanner .Hbanner_txt ._item ._subtitle {
  font-size: .32rem;
  color: #fff;
  font-weight: lighter;
}

#Hbanner .Hbanner_txt ._item ._title {
  font-size: 0.66rem;
  color: #fff;
  margin-bottom: 0.1rem;
  font-weight: bold;
}

#Hbanner .Hbanner_txt .animated {
  animation-duration: 1s;
}
#Hbanner .Hbanner_nav {
  position: absolute;
  bottom: 0.6rem;
  right: 6.25vw;
  z-index: 10;
  color: #fff;
  align-items: flex-end;
  justify-content: flex-end;
}
#Hbanner .Hbanner_nav ._pvn {
  width: auto;
}
#Hbanner .Hbanner_nav ._pvn span {
  margin-right: 0.4rem;
  margin-left: 0;
  opacity: 0.8;
  background: #fff;
  width: 12px;
  height: 12px;
  transition: opacity 0.3s ease;
  outline: none;
}
#Hbanner .Hbanner_nav ._pvn span:last-of-type {
  margin-right: 0;
}
#Hbanner .Hbanner_nav ._pvn span.swiper-pagination-bullet-active {
  opacity: 1;
  background: url(../images/i-bg.png) no-repeat center;
  background-size: contain;
  transform: scale(3);
}

/*masterBtn1*/
.masterBtn1 {
  font-size: .14rem;
  line-height: 2;
  justify-content: flex-start;
  align-items: center;
  transition: all .3s;
}

.masterBtn1.style1 {
  color: rgba(102, 102, 102, 1);
}

.masterBtn1.style2 {
  color: rgba(255, 255, 255, 1);
}

.masterBtn1:hover {}

.masterBtn1.style1:hover {}

.masterBtn1.style2:hover {}

/* 公共标题 */
.indexTitle1 {
  position: relative;
}

.indexTitle1 ._en {
  font-family: "思源黑体Bold";
  font-size: .56rem;
  color: rgba(31, 61, 235, 0.03);
  text-transform: uppercase;
  line-height: 1;
  font-weight: 900;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.indexTitle1 ._cn {
  font-family: "思源黑体Bold";
  color: rgba(0, 54, 107, 1);
  font-size: 0.36rem;
  line-height: 2;
  font-weight: 900;
}

.indexTitle1 ._slogan {
  font-size: .16rem;
  line-height: 1.6;
  color: rgba(102, 102, 102, 1);
}

.indexTitle1.style2 ._cn {
  color: var(--color02);
}

.indexTitle1.style2 ._slogan {
  /* color: #fff; */
}

/* 迈入智能时代 */
.HsmartEra{
  padding-top: .8rem;
  padding-bottom: .8rem;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.HsmartEra ._box{
  flex-flow: row;
  justify-content: space-between;
  gap: .5rem;
}
.HsmartEra ._intro{
  flex: 1;
}
.HsmartEra ._intro p{
  margin-bottom: .12rem;
  font-size: .18rem;
  color: rgba(78, 107, 138, 1);
  line-height: 1.8;
}
.HsmartEra ._img{
  width: 6.1rem;;
  overflow: hidden;
  position: relative;
}
.HsmartEra ._img img{
  border-radius: 8px;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 科研中心 */
.Hresearch {
  padding-top: .8rem;
  padding-bottom: .8rem;
  position: relative;
  overflow: hidden;
}

.Hresearch .row {}

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

.Hresearch ._bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Hresearch ._bg::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f0f3fa;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

._centerList {
  flex-flow: row nowrap;
  gap: .15rem;
}

._centerList ._item {
  height: 4.8rem;
  border-radius: 8px;
  flex: 1;
  overflow: hidden;
  transition: flex 0.5s ease, backgroundcolor 0.3s ease;
}

._centerList ._item:nth-child(1) {
  background-color: rgba(9, 81, 153, 1);
}

._centerList ._item:nth-child(2) {
  background-color: rgba(25, 65, 176, 1);
}

._centerList ._item:nth-child(3) {
  background-color: rgba(42, 84, 199, 1);
}

._centerList ._item:nth-child(4) {
  background-color: rgba(22, 81, 248, 1);
}

._centerList ._item:nth-child(5) {
  background-color: rgba(14, 111, 176, 1);
}

._centerList ._item ._img {
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
._centerList ._item:nth-child(1) ._img,
._centerList ._item:nth-child(2) ._img{
  right: auto;
  left: 0;
}

._centerList ._item:nth-child(4) ._img,
._centerList ._item:nth-child(5) ._img {
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  z-index: 0;
}

._centerList ._item:nth-child(2) ._img,
._centerList ._item:nth-child(5) ._img {
  display: flex;
  align-items: flex-end;
}

._centerList ._item ._info {
  padding: .3rem;
  width: 100%;
  height: 100%;
  align-items: flex-start;
  justify-content: flex-end;
  flex-flow: column;
  position: relative;
  z-index: 1;

}

._centerList ._item ._title {
  font-family: "思源黑体Bold";
  font-size: .22rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.8;
  transition: all 0.5s ease;
}

._centerList ._item ._slogan {
  font-family: "思源黑体";
  font-size: .14rem;
  color: #fff;
  line-height: 1.4;
  transition: all 0.5s ease;
}

._centerList ._item ._detail {
  /* position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%; */
  overflow: hidden;
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  max-height: 0;
  opacity: 0;
  transform: translateY(12px);
  visibility: hidden;
  /* 避免辅助焦点但过渡仍有效，鼠标移入时恢复可见 */
  margin-top: 0;
  will-change: max-height, opacity;
  transition: all 0.5s ease;
  z-index: 1;
}

._centerList ._item ._desc {
  font-size: .14rem;
  color: #fff;
  line-height: 1.6;
}

._centerList ._item:hover,
._centerList ._item.active {
  flex: 2;
}

._centerList ._item:hover ._detail,
._centerList ._item.active ._detail {
  max-height: .8rem;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  margin-top: .1rem;
  transition: all 0.45s cubic-bezier(0.2, 0.9, 0.4, 1.2);
}

/* 创新生态 */
.Hinnovation {
  padding-top: .8rem;
  padding-bottom: .8rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(247, 249, 255, 1) 100%);
  position: relative;
  overflow: hidden;
}

.Hinnovation .row {}

.Hinnovation ._bg {
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  z-index: 0;
}

.Hinnovation ._bg::before {
  content: "";
  width: 5rem;
  height: 2.4rem;
  background: url(../images/bg2.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.Hinnovation ._bg::after {
  content: "";
  width: 5rem;
  height: 2.4rem;
  background: url(../images/bg3.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

._innovationList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.20rem;
  position: relative;
  z-index: 1;
}

._innovationList ._item {
  display: block;
}

._innovationList ._item>div {
  height: 100%;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid rgba(223, 231, 251, 1);
  box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.02);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}

._innovationList ._item figure {
  height: 2.32rem;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

._innovationList ._item figure::before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(9, 81, 153, 1) 0%, rgba(9, 81, 153, 0) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

._innovationList ._item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  z-index: 0;
}

._innovationList ._item figure ._name {
  padding: 0 .26rem;
  font-family: "PMZDBTT";
  font-size: .32rem;
  color: #fff;
  line-height: 2;
  position: absolute;
  left: 0;
  bottom: .2rem;
  z-index: 2;
}

._innovationList ._item figcaption {
  padding: .2rem .3rem .3rem;
}

._innovationList ._item ._sub {
  display: inline-block;
  font-size: .14rem;
  color: rgba(153, 153, 153, 1);
  line-height: 1.6;
  margin-bottom: .1rem;
}

._innovationList ._item ._title {
  margin-bottom: .15rem;
  font-size: .2rem;
  color: rgba(0, 54, 107, 1);
  font-weight: bold;
  line-height: 1.8;
}

._innovationList ._item ._desc {
  font-size: .14rem;
  color: rgba(68, 107, 146, 1);
  line-height: 1.8;
  text-align: justify;
}

._innovationList ._item:hover>div {
  transform: translateY(-4px);
  box-shadow: 0 20px 28px -12px rgba(0, 0, 0, 0.12);
}

._innovationList ._item:hover figure img {
  transform: scale(1.1);
}

._textLine {
  background-repeat: no-repeat;
  background-size: 0% 2px;
  background-position: 0 100%;
  transition: background-size 0.5s ease-out 0s;
}

a:hover ._textLine {
  background-size: 100% 2px;
}

/* 新闻中心 */
.Hnews {
  padding-top: .8rem;
  padding-bottom: .8rem;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

._newsList ._item {
  display: flex;
  flex-flow: column;
  gap: .32rem;
  align-items: flex-start;
  padding: .4rem .5rem;
  border: 1px solid rgba(229, 229, 229, 1);
  border-radius: 12px;
}

._newsList ._item ._tp {
  font-size: .14rem;
  color: rgba(153, 153, 153, 1);
  line-height: 1;
  flex-flow: row;
  align-items: center;
  gap: .2rem;
}

._newsList ._item ._tp span {
  padding: 8px 20px;
  border: 1px solid rgba(229, 229, 229, 1);
  border-radius: 15px;
}

._newsList ._item ._title {
  min-height: .64rem;
  font-size: .2rem;
  color: #333;
  line-height: 1.6;
  font-weight: bold;
  text-justify: distribute-all-lines;
  overflow: hidden;
}

._newsList ._item ._title span {
  background-image: linear-gradient(#083C95, #083C95);
}

._newsList ._item ._img {
  width: 100%;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

._newsList ._item ._img .bg {
  width: 100%;
}

._newsList ._item ._img ._newsPic {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

._newsList ._item ._moreBtn {
  font-size: .14rem;
  color: rgba(102, 102, 102, 1);
  line-height: 1;
  align-items: center;
  gap: .1rem;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

._newsList ._item ._moreBtn i {
  font-size: .2rem;
}

._newsList ._item:hover ._title {
  color: var(--color01);
}

._newsList ._item:hover ._img img {
  transform: scale(1.1);
}

._newsList ._item:hover ._moreBtn {
  color: #333;
  gap: .15rem;
}

._moreLink {
  justify-content: center;
}

._moreLink a {
  font-size: .14rem;
  color: var(--color01);
  line-height: 1;
  align-items: center;
  flex-flow: row;
  gap: .1rem;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

._moreLink a i {
  font-size: .1rem;
}

._moreLink a:hover i {
  gap: .15rem;
}


/* 底部 */
.footer {
  position: relative;
  z-index: 1;
}

.footer::before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(8, 102, 196, 1) 0%, rgba(0, 54, 107, 1) 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.footer::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/bg4.png) no-repeat right bottom;
  position: absolute;
  right: .6rem;
  bottom: .6rem;
  z-index: -1;
}

.footer ._cnt {
  color: #fff;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer ._cnt a {
  color: #fff;
  display: inline-block;
}

.footer ._left {
  flex-flow: column;
  gap: .6rem;
  align-items: flex-start;
}

.footer ._logo {
  width: 4.2rem
}

.footer ._cnt img {
  max-width: 100%
}

.footer ._contact {
  align-items: center;
  gap: .3rem;
}

.footer ._code {
  width: 1rem;
}

.footer ._code>img {
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, 1);
}

.footer ._contact ._info {
  line-height: 2
}

.footer ._contact ._info p {
  flex-flow: row;
  gap: 5px;
}

.footer ._menu {
  position: relative;
  justify-content: space-between;
  gap: 1.3rem;
  z-index: 1;
}

.footer ._menu>div {
  line-height: 2;
}

.footer ._menu ._item ._a {
  line-height: 36px;
}

.footer ._menu ._item ._a a {
  font-size: .18rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  transition: color .3s ease;
}

.footer ._menu ._item ._b a {
  /* padding: 6px 0; */
  color: rgba(255, 255, 255, 1);
  transition: opacity .3s ease;
  opacity: .8;
  font-size: .16rem;
  font-weight: 300;
}

.footer ._menu ._item ._b a .hoverable_txt {
  padding: 3px 0;
}

.footer ._menu ._item ._b a .hoverable_txt:after {
  background-color: #fff;
}

.footer ._copy {
  padding: 0.15rem 0;
  font-size: .14rem;
  color: rgba(255, 255, 255, 0.5);
}

.footer ._copy>div {
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
}
.footer ._copy br{
  display: none;
}

.footer ._copy a {
  color: rgba(255, 255, 255, 0.5);
}

/* 次页 */
.pageBanner {
  width: 100%;
  overflow: hidden;
  background-color: #000;
  position: relative;
  z-index: 1;
}

.pageBanner ._box {
  width: 100%;
  height: 100%;
}

.pageBanner ._box>div {
  width: 100%;
  height: 100%;
  position: relative;
}

.pageBanner ._bg {
  width: 100%;
  height: 100%;
  transform: scale(1.15);
  transform-origin: 50% 100%;
  transition: transform 3s cubic-bezier(0.25, 0.74, 0.22, 0.99);
  position: relative;
}

.pageBanner ._bg>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 0;
}

.pageBanner ._bg::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(8, 60, 149, 1);
  position: absolute;
  left: 0;
  top: 0;
  opacity: .7;
  z-index: 1;
}

.pageBanner ._info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  color: #fff;
  padding-top: .8rem;
}

.pageBanner ._info ._title {
  line-height: 1;
}

.pageBanner.on ._bg {
  transform: none;
}

.pageBanner.style1 {
  height: 6.5rem;
}

.pageBanner.style1 ._info ._title .cn {
  font-size: 0.44rem;
  line-height: 1.25;
  font-weight: 900;
}

.pageBanner.style1 ._info ._title .sub {
  font-size: 0.26rem;
  line-height: 2.4;
  font-weight: 400;
  letter-spacing: 0.5;
}

.pageBanner.style2 {
  height: 34.895833333333336vw;
}

.pageBanner.style2 ._info ._title {
  text-align: center;
}

.pageBanner.style2 ._info ._title .cn {
  font-size: 0.56rem;
  margin-bottom: 0.2rem;
}

.pageBanner.style2 ._info ._title .en {
  font-size: 0.3rem;
  text-transform: uppercase;
}

.pageBanner.style3 {
  height: 31.25vw;
}

/* 次页子菜单栏 */
.below {
  margin-top: -.4rem;
  height: 0.8rem;
  line-height: 0.8rem;
  position: relative;
  z-index: 2;
}

.below::before {
  content: "";
  width: 100%;
  height: .6rem;
  background: rgba(3, 68, 150, 0.8);
  position: absolute;
  left: 0;
  bottom: .4rem;
  z-index: -1;
}

.below .below_l {
  /* background-color: var(--color01); */
  padding-left: 6.25vw;
}

.below .below_l a {
  color: #fff;
}

.below .below_l ._index {
  font-size: 0.36rem;
  padding-right: 0.2rem;
}

.below .below_l ._superior {
  padding-right: 2.604166666666667vw;
  transition: background-color 0.3s ease;
}

.below .below_l ._superior span {
  text-align: center;
  padding: 0 5.208333333333334vw;
}

.below .below_r {
  padding-left: .5rem;
  padding-right: calc(0.7rem + 8px);
  position: relative;
}

.below .below_r::after {
  content: "";
  width: calc(100% - 12px);
  background-color: rgba(237, 245, 253, 1);
  transform: translateX(0) skew(-24deg);
  height: 100%;
  position: absolute;
  right: -12px;
  top: 0;
  z-index: -1;
}

.slidenav {
  text-align: center;
}

.slidenav .swiper-slide {
  width: 13.33%;
}

.slidenav ._item>a {
  font-size: .18rem;
  color: var(--color01);
  position: relative;
  transition: color 0.3s ease;
}

/* .slidenav ._item > a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0.2rem;
  border-right: 1px solid #ddd;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.slidenav .swiper-slide:last-of-type ._item > a:after {
  display: none;
} */
.slidenav ._item>a .hoverable_txt {
  line-height: 1.25;
  padding: 3px 0;
}

.slidenav ._item>a .hoverable_txt:after {
  background-color: var(--color01);
}

.slidenav .swiper-slide.active ._item>a,.slidenav ._item>a.active {
  font-weight: bold;
  pointer-events: none;
}

.below .below_r .slidenav_next {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(0.7rem + 8px);
  padding-right: 8px;
  z-index: 5;
}

.below .below_r .slidenav_next>a {
  color: var(--color01);
  background-color: #c9def6;
  text-align: center;
  transition: all 0.3s ease;
}

/*masterTitle3*/
.masterTitle3 {
  margin-bottom: .3rem;
  line-height: 1;
}

.masterTitle3 .en {
  font-family: "impact";
  font-size: 0.6rem;
  color: transparent;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-text-stroke: 1px rgba(43, 109, 183, 1);
  text-stroke: 1px rgba(43, 109, 183, 1);
  opacity: 0.2;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
}

.masterTitle3 .cn {
  margin-top: -.3rem;
  font-size: 0.4rem;
  font-weight: bold;
  color: rgba(50, 50, 50, 1);
  line-height: 1.8;
  position: relative;
  display: flex;
  align-items: center;
  gap: .2rem;
  flex-flow: row;
}

.masterTitle3 .cn::after {
  content: "";
  width: .5rem;
  height: 2px;
  background-color: var(--color01);
}

.masterTitle3 .slogan {
  font-size: 0.22rem;
  line-height: 2;
  color: rgba(51, 51, 51, 1);
}

/* 内页 关于我们 */
.profile {
  padding-top: .8rem;
  padding-bottom: .8rem;
  position: relative;
  overflow: hidden;
}

.profile ._bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 20%;
  transform: translateY(-50%);
  z-index: 0;
}

.profile ._bg canvas {
  opacity: 0.3;
  display: inline-block;
  vertical-align: baseline;
}

.profile ._box {
  justify-content: space-between;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
}

.profile ._box ._left {
  width: 55.625%;
}

.profile ._left ._desc {
  margin-bottom: .6rem;
}

.profile ._left ._desc p {
  margin-bottom: .1rem;
  font-size: .17rem;
  text-indent: 2em;
  text-align: justify;
  line-height: 1.8;
}

.profile ._cultureList {
  flex-flow: column;
}

.profile ._cultureList ._item {
  align-items: flex-start;
  display: flex;
  flex-flow: row;
  gap: 10px;
  height: min-content;
  overflow: hidden;
  padding: 24px 0px;
  position: relative;
  width: 100%;
}

.profile ._cultureList ._item ._name {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-flow: row;
  gap: 12px;
  height: min-content;
  overflow: visible;
  padding: 0px;
  position: relative;
  width: min-content;
}

.profile ._cultureList ._item i {
  aspect-ratio: 1 / 1;
  width: .32rem;
  height: .32rem;
  font-size: .18rem;
  line-height: 1;
  color: rgba(14, 111, 176, 1);
  border: 1px solid rgba(14, 111, 176, .3);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.profile ._cultureList ._item span {
  font-size: .2rem;
  font-weight: bold;
  letter-spacing: 8px;
  color: rgba(14, 111, 176, 1);
  flex: 0 0 auto;
  height: auto;
  position: relative;
  white-space: pre-wrap;
  width: 60px;
  word-break: break-word;
  overflow-wrap: break-word;
}

.profile ._cultureList ._item p {
  font-family: "思源黑体";
  font-size: .16rem;
  line-height: 2;
  font-weight: bold;
  color: rgba(64, 64, 64, 1);
}

.profile ._box ._right {
  width: 40%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: inherit;
  overflow: hidden;
}

.profile ._right ._pic {
  position: relative;
  padding: 0.4rem;
  z-index: 9;
}

._pic::before {
  position: absolute;
  top: 0;
  left: -90%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  opacity: 0.25;
  pointer-events: none;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 53) 50%, rgba(255, 255, 255, 0) 70%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 53) 50%, rgba(255, 255, 255, 0) 70%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 3;
}

._pic>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._pic:hover::before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.profile ._right ._icon .icon1 {
  position: absolute;
  width: 50%;
  height: 50%;
  animation: icon1 4.2s linear infinite;
  transform-origin: center;
  left: 25%;
  top: 25%;
}

.icon1:nth-child(1) {
  --delay: 0s;
}

.icon1:nth-child(2) {
  --delay: 1s;
  animation-delay: 0.6s !important;
}

.icon1:nth-child(3) {
  --delay: 2s;
  animation-delay: 1.2s !important;
}

.icon1:nth-child(4) {
  --delay: 3s;
  animation-delay: 1.8s !important;
}

.icon1:nth-child(5) {
  --delay: 4s;
  animation-delay: 2.4s !important;
}

.icon1:nth-child(6) {
  --delay: 4s;
  animation-delay: 3s !important;
}

.icon1:nth-child(7) {
  --delay: 4s;
  animation-delay: 3.6s !important;
}

@keyframes icon1 {
  0% {
    transform: scale(0.7, 0.8);
    opacity: 0;
  }

  20% {
    transform: scale(0.9, 1);
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    transform: scale(1.9, 2);
    opacity: 0;
  }
}

/* 内页发展历程 */
.history {
  padding-top: .5rem;
  position: relative;
  overflow: hidden;
}

.history ._cnt {
  position: relative;
  z-index: 2;
}

.history ._bg {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-align: right;
}

.history ._bg>img {
  margin-right: -2rem;
  display: inline-block;
}

.courseBox {}

#courseSwiper .item {
  padding: .5rem 0;
  align-items: center;
  position: relative;
}

#courseSwiper .item .time {
  font-size: 4.86rem;
  line-height: 1;
  font-family: "思源黑体";
  color: rgba(241, 241, 241, .5);
  font-weight: bold;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

#courseSwiper .itemInfo {
  padding: 0 .6rem 0 1.5rem;
}

#courseSwiper .itemInfo .box .eventLine {
  line-height: 2;
  font-size: .16rem;
  height: 1.8rem;
  margin-right: 0 !important;
}

#courseSwiper .itemInfo .box .eventLine p {
  padding-left: .25rem;
  margin-bottom: 5px;
  position: relative;
}

#courseSwiper .itemInfo .box .eventLine p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: rgba(111, 111, 111, 1);
  transform: translateY(-50%);
  z-index: -1;
}
#courseSwiper .itemInfo .box .eventLine p.active {
  color: var(--color01);
}

#courseSwiper .itemInfo .box .eventLine p.active:before {
  background-color: var(--color01);
}

#courseSwiper .itemImg {
  width: 35%;
}

#courseSwiper .itemImg>div {
  width: 100%;
  height: 0;
  padding-bottom: 56%;
  position: relative;
  display: none;
  overflow: hidden;
}

#courseSwiper .itemImg>div img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.courseTab {
  margin-top: -1rem;
  position: relative;
  z-index: 1;
}

.courseTab::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/his-bg1.webp) no-repeat center bottom;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

#courseTab {
  padding: 2rem 0 1.2rem;
}

#courseTab .item {
  display: flex;
  flex-flow: column;
  text-align: center;
  position: relative;
  cursor: pointer;
  /* animation: aniY 1.2s infinite cubic-bezier(.36, 0, .7, 1) alternate backwards; */
}

#courseTab .item ._year {
  color: rgba(102, 102, 102, 1);
  font-size: .2rem;
  width: 100%;
  padding-bottom: .2rem;
  transition: all .3s ease-in-out;
  line-height: 1;
  /* transform: translateY(100%);
  position: absolute;
  left: 0;
  top: 0; */
}

#courseTab .item ._spot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transition: all .3s ease-in-out;
  background: rgba(14, 111, 176, 1);
  margin: 0 auto;
  position: relative;
}

#courseTab .item ._spot:after {
  content: '';
  position: absolute;
  width: 200%;
  height: 200%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  background: rgba(14, 111, 176, .3);
  z-index: -1;
  border-radius: 50%;
  transition: all .3s ease-in-out;
}

#courseTab .swiper-slide-thumb-active .item ._spot {
  width: 18px;
  height: 18px;
  background: #fff;
  border: 3px solid rgba(14, 111, 176, 1);
}

#courseTab .swiper-slide-thumb-active .item ._spot:after {
  background: rgba(14, 111, 176, .5);
  transform: translate(-50%, -50%) scale(1.2);
}

#courseTab .swiper-slide-thumb-active .item ._year {
  font-weight: bold;
  color: rgba(14, 111, 176, 1);
}

#courseTab .swiper-slide:nth-child(2) {
  margin-top: -.22rem;
}

#courseTab .swiper-slide:nth-child(3) {
  margin-top: -.22rem;
  margin-left: .8rem;
}

/* 内页组织架构 */
.pageStructure {
  padding-top: .6rem;
  padding-bottom: .6rem;
  position: relative;
}

.pageStructure ._cnt img {
  max-width: 100%;
}

/* 内页新闻列表 */
.pageNewsBox {
  padding-top: .6rem;
  padding-bottom: .8rem;
  position: relative;
  /*overflow: hidden;*/
}

._hotNews a {
  align-items: center;
}

._hotNews ._pic {
  width: 48%;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
}

._hotNews ._pic>img {
  display: block;
  width: 100%;
  object-fit: cover;
  transition: 0.6s all;
  height: 4.5rem;
}

._hotNews ._info {
  width: 52%;
  padding: 0.5rem 0.5rem 0.7rem 0;
  position: relative;
  z-index: 2;
}

._hotNews ._info::after {
  content: "";
  width: calc(100% + 0.5rem);
  height: 100%;
  background: #fff url(../images/news-libg.png) no-repeat center bottom;
  background-size: 100% auto;
  position: absolute;
  left: -0.5rem;
  bottom: 0;
  border-radius: 0.4rem 0.1rem 0.4rem 0.1rem;
  z-index: -1;
}

._hotNews ._info ._infoTp {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.25rem;
  padding-bottom: 0.2rem;
  position: relative;
}

._hotNews ._infoTp ._time {
  position: relative;
  width: 1.02rem;
  height: 1.02rem;
  text-align: center;
  flex-flow: column;
  gap: 2px;
  align-items: center;
  justify-content: center;
}

._hotNews ._infoTp ._time::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/circle.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: rotate 15s linear infinite;
}

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

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

._hotNews ._infoTp ._time ._day {
  font-family: "poppins";
  color: var(--color02);
  font-size: 0.36rem;
  font-weight: 500;
  line-height: 1;
}

._hotNews ._infoTp ._time ._year {
  font-family: poppins;
  color: var(--color02);
  font-size: 0.14rem;
}

._hotNews ._info ._title {
  font-size: 0.2rem;
  color: rgba(51, 51, 51, 1);
  line-height: 0.3rem;
  font-weight: bold;
  height: auto;
  max-height: 0.6rem;
  width: calc(100% - 1.32rem);
  transition: 0.6s all;
}

._hotNews ._info ._title span {
  background-image: linear-gradient(#0E6FB0, #0E6FB0);
}

._hotNews ._info ._desc {
  font-size: 0.16rem;
  color: #666;
  line-height: 1.8;
  height: 0.62rem;
}

._newsLine {
  width: 100%;
  height: 1px;
  align-items: flex-end;
  justify-content: flex-start;
  position: absolute;
  left: 0;
  bottom: 0;
}

._newsLine::before {
  content: "";
  width: calc(100% - 0.32rem);
  height: 100%;
  background-color: rgba(14, 111, 176, .2);
}

._newsLine::after {
  content: "";
  width: 0.32rem;
  height: 100%;
  margin-left: -3px;
  margin-bottom: 9.5px;
  background-color: rgba(14, 111, 176, .2);
  transform: rotate(-35deg);
}

._newsLine ._circle {
  display: inline-block;
  width: 0.07rem;
  height: 0.07rem;
  border-radius: 100%;
  background-color: rgba(14, 111, 176, .2);
  transform: none;
  position: absolute;
  right: 0;
  bottom: .18rem;
}

._newsLine ._circle::before {
  content: "";
  display: block;
  width: 230%;
  height: 230%;
  border: 1px dashed rgba(14, 111, 176, .2);
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

._hotNews a:hover ._info ._title {
  color: var(--color02);
}
._item.hide-news {
  display: none !important;
}
._hotNews.hide-news {
  display: none !important;
}
/* page 新闻筛选 */
._pageNewsFilter{
  justify-content: space-between;
}
.filter-group {
  display: flex;
  gap: 16px;
}

.filter-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 2rem;
  height: .5rem;
  padding: 0 16px;
  background-color: #f5f5f5;
  border-radius: 8px;
  cursor: pointer;
  color: #333;
  font-size: .14rem;
  transition: background-color 0.2s;
}
.filter-item:hover {
  background-color: #eee;
}

.filter-arrow {
  width: 10px;
  height: 10px;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  transform: rotate(135deg);
  transition: transform 0.2s;
}

.filter-item.active .filter-arrow {
  transform: rotate(-45deg);
  margin-top: 4px;
}

.filter-dropdown {
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  padding: 8px 0;
  display: none;
  z-index: 10;
}

.dropdown-option {
  padding: 8px 16px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.dropdown-option:hover {
  background-color: #f5f5f5;
}
.filter-search form{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #f5f5f5;
  border-radius: 10px;
}
.filter-search form .input{
  flex: 1;
}
.filter-search form .input input{
  width: 3.6rem;
  border: none;
  min-height: .5rem;
  padding-left: 20px;
  background: none;
  color: #333;
}
.filter-search .label .btn{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: .5rem;
  height: 100%;
  cursor: pointer;
}
.filter-search .label .btn i{
  font-size: .22rem;
  color: rgba(153, 153, 153, 1);
  line-height: 1;
}

._pageNewsList ._item {
  position: relative;
  z-index: 2;
}
._pageNewsList ._item>div{
  padding: 0.3rem 0;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: .3rem;
  visibility: visible!important;
  position: relative;
}

._pageNewsList ._item>div::after {
  content: "";
  width: 100%;
  height: 0px;
  border-bottom: 1px dashed rgba(211, 221, 237, 1);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

._pageNewsList ._item ._pic {
  width: 3.5rem;
  overflow: hidden;
  border-radius: 0.1rem;
  position: relative;
}

._pageNewsList ._item ._pic img {
  display: block;
  width: 100%;
  height: 2.2rem;
  object-fit: cover;
  transition: 0.6s all;
}

._pageNewsList ._item ._text {
  width: calc(100% - 3.8rem);
}

._pageNewsList ._item ._text ._date {
  font-family: poppins;
  color: rgba(0, 54, 107, 1);
  font-size: 0.16rem;
  line-height: 1;
  display: inline-block;
  padding-bottom: 0.1rem;
  margin-bottom: 0.12rem;
  position: relative;
}

._pageNewsList ._item ._text ._date::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(0, 54, 107, 1);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

._pageNewsList ._item ._text ._title {
  margin-bottom: .08rem;
  font-size: .2rem;
  font-weight: bold;
  color: #333;
  line-height: 2;
  transition: 0.6s all;
}

._pageNewsList ._item ._text ._title span {
  background-image: linear-gradient(#0E6FB0, #0E6FB0);
}

._pageNewsList ._item ._text ._desc {
  font-size: 0.16rem;
  color: #666;
  line-height: 1.8;
  height: 0.62rem;
}

._pageNewsList ._item:hover ._pic img {
  transform: scale(1.1);
}

._pageNewsList ._item:hover ._text ._title {
  color: var(--color02);
}

/* 新闻详情 */
._pageNewsDel {
  padding-top: 0.6rem;
  padding-bottom: .6rem;
  /* background-color: #f0f4f7; */
  position: relative;
}

._pageNewsDel ._cnt {
  flex-flow: row;
  gap: .5rem;
}

._pageNewsDel ._info {
  padding-bottom: 4.166666666666667vw;
  width: calc(100% - 5.1rem);
  background-color: #fff;
}

._pageNewsDel ._info ._top {
  border-bottom: 1px solid #eee;
  padding-bottom: 0.2rem;
}

._pageNewsDel ._info ._top ._title {
  font-size: 0.3rem;
  margin-bottom: 0.25rem;
  font-weight: bold;
}

._pageNewsDel ._info ._top ._line {
  font-size: .14rem;
  color: #999;
  align-items: center;
  gap: .15rem;
}

._pageNewsDel ._info ._top ._line span {
  align-items: center;
  gap: .1rem;
}

._pageNewsDel ._info ._contin {
  padding-top: 0.4rem;
  padding-bottom: 0.6rem;
  font-size: .16rem;
  line-height: 2;
  text-align: justify;
}

._pageNewsDel ._info ._contin p {
  margin-bottom: 15px;
}
._pageNewsDel ._info ._contin strong{
  
}

._pageNewsDel ._info ._contin img {
  max-width: 100%;
  height: auto !important;
  display: inline-block;
}

._pageNewsDel ._pagePvnBtn {
  background-color: rgba(249, 249, 249, 1);
  padding: .18rem .4rem;
  align-items: center;
  justify-content: space-between;
}

._pageNewsDel ._pagePvnBtn p {
  padding: 0;
}

._pageNewsDel ._pagePvnBtn p>a {
  position: relative;
  color: rgba(27, 28, 32, 1);
}

._pageNewsDel ._pagePvnBtn p:first-child,
._pageNewsDel ._pagePvnBtn p:last-child {
  background-color: transparent;
}

._pageNewsDel ._pagePvnBtn p:first-child a,
._pageNewsDel ._pagePvnBtn p:last-child a {
  display: flex;
  align-items: center;
  gap: .1rem;
}

._pageNewsDel ._pagePvnBtn p:first-child a::before {
  content: "\e664";
  font-family: "iconfont";
  font-size: .18rem;
  line-height: 1;
}

._pageNewsDel ._pagePvnBtn p:last-child a::after {
  content: "\e660";
  font-family: "iconfont";
  font-size: .18rem;
  line-height: 1;
}

._pageNewsDel ._pagePvnBtn p:nth-child(2) {
  background-color: transparent;
}

._pageNewsDel ._pagePvnBtn p:nth-child(2)>a {
  padding: .1rem .3rem;
  border: 1px solid var(--color02);
  color: var(--color02);
}

._pageNewsDel ._sell {
  width: 4.9rem;
}

._pageNewsDel ._sell::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgba(238, 238, 238, 1);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

._pageNewsDel ._sell ._cont {
  padding: 0 0 0 0.5rem;
  background-color: #fff;
}

/* ._pageNewsDel ._sell ._title {
  font-size: .16rem;
  font-weight: bold;
  color: var(--bg-green);
} */

._pageNewsDel ._sell ._list {}

._pageNewsDel ._sell ._list ._item {
  margin-bottom: .2rem;
}

._pageNewsDel ._sell ._list ._item>a {
  border-bottom: 1px solid #ddd;
  position: relative;
}

._pageNewsDel ._sell ._list ._item>a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #ddd;
  transition: width 0.6s ease;
}

._pageNewsDel ._sell ._list ._item>a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  border-bottom: 1px solid var(--bg-red);
  transition: width 0.6s ease;
}

._pageNewsDel ._sell ._list ._item ._img {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.20608899297423%;
  overflow: hidden;
}

._pageNewsDel ._sell ._list ._item ._img>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

._pageNewsDel ._sell ._list ._item ._txt {
  padding: 0.3rem 0 .2rem;
  line-height: 1;
}

._pageNewsDel ._sell ._list ._item ._txt ._name {
  font-size: .18rem;
  color: rgba(64, 64, 64, 1);
  font-weight: bold;
  margin-bottom: 0.15rem;
  transition: color 0.3s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._pageNewsDel ._sell ._list ._item ._txt ._desc {
  font-size: .14rem;
  color: #666;
  line-height: 1.6;
  margin-bottom: 0.1rem;
}

._pageNewsDel ._sell ._list ._item ._txt ._more {
  font-size: .14rem;
  color: #666;
  align-items: center;
  gap: .08rem;
}

._pageNewsDel ._sell ._list ._item ._txt ._more i {
  font-size: .1rem;
}

._pageNewsDel ._sell ._list ._item:hover>a:after {
  width: 100%;
}

/* page join us加入我们 */
.pageJobOpenings {
  padding: .6rem 0;
}

.pageJobOpenings .indexTitle1 ._slogan {
  color: rgba(68, 107, 146, 1);
  letter-spacing: 2px;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
}

._jobOpenList {
  justify-content: space-between;
  flex-flow: row;
  gap: .2rem;
}

._jobOpenList>div {
  margin-bottom: 1rem;
  padding: .4rem .2rem .5rem;
  min-height: 3rem;
  background: linear-gradient(136.72deg, rgba(255, 255, 255, 1) 0%, rgba(247, 250, 255, 1) 100%);
  border: 1px solid rgba(222, 235, 255, 1);
  border-radius: 6px;
  flex: 1;
  position: relative;
}

._jobOpenList .card-title {
  margin-bottom: .2rem;
  font-size: .18rem;
  font-weight: bold;
  color: rgba(0, 54, 107, 1);
  text-align: center;
}

._jobOpenList .card-desc {
  font-size: .14rem;
  color: rgba(68, 107, 146, 1);
  text-align: justify;
}

._jobOpenList ._icon {
  width: 1rem;
  position: absolute;
  left: 50%;
  bottom: -.5rem;
  transform: translateX(-50%);
}
._jobOpenList ._icon>img{
  max-width: 100%;
}

.pageSpecialRecruitment {
  padding: .8rem 0;
  padding-bottom: .8rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.pageSpecialRecruitment::before {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 54, 107, 1) 0%, rgba(8, 102, 196, 1) 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.pageSpecialRecruitment::after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background: linear-gradient(270deg, rgba(42, 84, 199, 1) 0%, rgba(25, 65, 176, 1) 100%);
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

._recClassify>div {
  flex: 1;
}

._recClassify ._partL {
  padding-right: 2rem;
}

._recClassify ._partR {
  padding-left: 2rem;
}

._recClassify ._tHead {
  font-size: .32rem;
  line-height: 2;
  font-weight: bold;
}

._recClassify ._cntList {
  flex-flow: column;
  gap: .6rem;
  justify-content: flex-start;
}

._recClassify ._cntList>div {
  align-items: flex-start;
  gap: .2rem;
}

._recClassify ._cntList>div i {
  font-size: .46rem;
  line-height: 1;
}

._recClassify ._cntList>div ._text {
  flex-flow: column;
  gap: .15rem;
}

._recClassify ._cntList>div ._title {
  font-size: .18rem;
  font-weight: bold;
}

._recClassify ._cntList>div ._desc {
  font-size: .16rem;
  line-height: 1.8;
  text-align: justify;
}

/* page job list */
.pageJobBox {
  padding-top: .8rem;
  padding-bottom: .8rem;
}

._jobList {
  justify-content: flex-start;
  gap: .4rem;
}

._jobList>div {
  padding: .4rem .6rem;
  flex: 1;
  background-color: rgba(247, 249, 255, 1);
}

._jobList ._tHead {
  margin-bottom: .3rem;
  padding-bottom: .2rem;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(229, 229, 229, 1);
}

._jobList ._tHead ._title {
  font-size: .24rem;
  font-weight: bold;
  color: rgba(64, 64, 64, 1);
}

._jobList ._tHead ._txt {
  gap: .3rem;
  font-size: .14rem;
  color: rgba(102, 102, 102, 1);
}

._jobList ._info {
  font-size: .16rem;
  color: rgba(102, 102, 102, 1);
  line-height: 2;
  max-height: 3.2rem;
}

/* page research */
.researchMain .pageBanner ._bg::before {
  background: transparent;
}

.pageBanner ._resList {
  margin-top: .9rem;
  margin-bottom: .7rem;
  height: calc(100% - .9rem - .7rem);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  color: #fff;
}

.pageBanner ._resList>div {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.pageBanner ._resList>div img{
  width: auto;
  height: 78%;
  object-fit: contain;
}

.pageBanner ._resList ._item {
  display: inline-block;
  padding: .1rem .2rem;
  background: linear-gradient(270deg, rgba(59, 104, 227, 1) 0%, rgba(45, 182, 227, .8) 100%);
  border-radius: 6px;
}

.pageBanner ._resList ._item {
  position: absolute;
}

.pageBanner ._resList .num01 {
  z-index: 3;
  display: none;
}

.pageBanner ._resList .num02 {
  z-index: 2;
  display: none;
}

.pageBanner ._resList .num03 {
  z-index: 1;
  display: none;
}

.pageBanner ._resList .num01>div:nth-child(1) {
  padding: .15rem .22rem;
  left: 45%;
  top: 45%;
  /* transform: translate(-50%, -50%); */
}

.pageBanner ._resList .num01>div:nth-child(2) {
  left: 13%;
  top: 24%;
}

.pageBanner ._resList .num01>div:nth-child(3) {
  left: 12%;
  bottom: 15%;
}

.pageBanner ._resList .num01>div:nth-child(4) {
  left: 24%;
  top: 45%;
}

.pageBanner ._resList .num01>div:nth-child(5) {
  right: 22%;
  top: 32%;
}

.pageBanner ._resList .num01>div:nth-child(6) {
  right: 15%;
  top: 56%;
}

.pageBanner ._resList .num02>div:nth-child(1) {
  left: 25.5%;
  top: 13.8%;
}

.pageBanner ._resList .num02>div:nth-child(2) {
  left: 35%;
  top: 22%;
}

.pageBanner ._resList .num02>div:nth-child(3) {
  padding: .15rem .2rem;
  left: 49%;
  top: 11%;
}

.pageBanner ._resList .num02>div:nth-child(4) {
  padding: .15rem .2rem;
  right: 33%;
  top: 17%;
}

.pageBanner ._resList .num03>div:nth-child(1) {
  padding: .15rem .18rem;
  left: 30%;
  bottom: 16%;
}

.pageBanner ._resList .num03>div:nth-child(2) {
  padding: .15rem .2rem;
  left: 60%;
  bottom: 22%;
}

.pageBanner ._resList .num03>div:nth-child(3) {
  padding: .2rem .15rem;
  left: 45%;
  bottom: 9%;
}

.pageBanner ._resList .num02 img {
  opacity: 0.8;
}

.pageBanner ._resList .num03 img {
  opacity: 0.6;
}

/* page 原创引领 */
.pageResearchBox {
  padding-top: .6rem;
  padding-bottom: .6rem;
}

._introduceBox {
  gap: .6rem;
  justify-content: space-between;
}

._introduceBox ._introduce {
  flex: 1;
}

._introduceBox ._introduce .desc {
  font-size: .18rem;
  color: rgba(78, 107, 138, 1);
  line-height: 2;
  text-align: justify;
}

._introduceBox ._img {
  padding: .3rem .2rem;
  width: 7.2rem;
  overflow: hidden;
}

._introduceBox ._img img {
  width: 100%;
  object-fit: cover;
  max-width: 100%;
  transition: all .3s ease-in-out;
}

._introduceBox ._img:hover img {
  transform: scale(1.1);
}

.pageCoreTechBox {
  padding-top: .6rem;
  padding-bottom: .8rem;
  background-color: rgba(248, 251, 255, 1);
  position: relative;
  overflow: hidden;
}

.pageCoreTechBox._cnt {
  background-color: transparent;
}

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

.pageResearchBox ._list {
  gap: .2rem;
  justify-content: space-between;
}

.pageResearchBox ._list>div {
  padding: .6rem .4rem;
  align-items: center;
  background-color: rgba(39, 81, 195, 1);
  position: relative;
  border-radius: 7px;
  overflow: hidden;
}

.pageResearchBox ._list>div span {
  font-size: .24rem;
  color: #fff;
  line-height: 1.6;
  font-weight: bold;
  letter-spacing: 1px;
}

.pageResearchBox ._list>div ._icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* page 核心技术 */
._coreTechList {
  justify-content: space-between;
  gap: .3rem;
}

._coreTechList ._item {
  border-radius: 7px;
  position: relative;
}

._coreTechList ._item ._img {
  width: 100%;
  height: 4rem;
  border-radius: 7px;
  overflow: hidden;
}

._coreTechList ._item ._img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s ease-in-out;
}

._coreTechList ._item:hover ._img img {
  transform: scale(1.1);
}

._coreTechList ._item ._name {
  padding: 8px 15px;
  font-size: .12rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(255, 255, 255, .2);
  border-radius: 6px;
  position: absolute;
  right: .3rem;
  top: .3rem;
  z-index: 2;
}

._coreTechList ._item ._info {
  padding: .4rem;
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, 1);
  flex-flow: column;
  gap: .15rem;
  justify-content: flex-end;
  background: rgba(0, 0, 0, .5);
  border-radius: 7px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  transition: all .3s ease-in-out;
}

._coreTechList ._item ._title {
  font-size: .24rem;
  font-weight: bold;
}

._coreTechList ._item ._desc {
  font-size: .16rem;
  line-height: 1.8;
}

._coreTechList ._item:hover ._info {
  background: linear-gradient(180deg, rgba(39, 81, 195, 0.5) 0%, rgba(39, 81, 195, 1) 100%);
}

/* page core product 核心产品 */
.pageCoreProductBox {
  padding-top: .6rem;
  padding-bottom: .8rem;
}

.pageCoreProductBox ._coreProList {
  flex-flow: column;
  gap: .5rem;
}

.pageCoreProductBox ._coreProList ._item {
  justify-content: space-between;
  gap: .5rem;
}

.pageCoreProductBox ._coreProList ._item ._left {
  width: 42.85%;
}

.pageCoreProductBox ._coreProList ._item ._tHd {
  margin-bottom: .3rem;
  font-size: .24rem;
  color: rgba(50, 50, 50, 1);
  font-weight: bold;
  padding-bottom: .3rem;
  border-bottom: 1px solid rgba(232, 243, 255, 1);
}

._proAdvList {
  flex-flow: column;
  align-items: flex-start;
  gap: .2rem;
}

._proAdvList>div {
  width: 100%;
}

._proAdvList>div ._name {
  margin-bottom: .1rem;
  padding-left: .2rem;
  font-size: .18rem;
  font-weight: bold;
  color: rgba(29, 43, 58, 1);
  position: relative;
}

._proAdvList>div ._name::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: rgba(59, 97, 201, 1);
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

._proAdvList>div ._advList {
  padding: .2rem .2rem .15rem .24rem;
  flex-flow: column;
  gap: 8px;
  position: relative;
  transition: all .3s ease-in-out;
}

._proAdvList>div ._advList::before {
  content: "";
  width: 4px;
  height: 0%;
  background-color: rgba(35, 76, 189, 1);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  transition: all .3s ease-in-out;
}

._proAdvList>div ._advList p {
  padding-left: .32rem;
  font-size: .16rem;
  color: rgba(78, 107, 138, 1);
  line-height: 1.8;
  position: relative;
}

._proAdvList>div ._advList p::before {
  content: "\e6af";
  font-family: "iconfont";
  font-size: .14rem;
  color: var(--color01);
  line-height: 2;
  position: absolute;
  left: 0;
  top: 0;
}

._proAdvList>div ._advList p strong {
  font-weight: bold;
}

._proAdvList>div:hover ._advList {
  background-color: rgba(248, 251, 255, 1);
}

._proAdvList>div:hover ._advList::before {
  height: 100%;
}

.pageCoreProductBox ._cnt ._right {
  flex: 1;
}

.pageCoreProductBox ._modelBox {
  align-items: flex-start;
}

._modelBox ._modelItem {
  margin-left: .1rem;
}

._modelBox ._modelItem ._title {
  margin-bottom: .36rem;
  font-size: .32rem;
  color: rgba(8, 101, 193, 1);
  font-weight: bold;
}

._demoBox {
  flex-flow: column;
  align-items: center;
  gap: .2rem;
  position: relative;
}

._demoBox::after {
  content: "";
  width: 1.68rem;
  height: 3rem;
  background: url(../images/i-bg.svg) no-repeat center bottom;
  background-size: contain;
  position: absolute;
  left: 50%;
  bottom: .5rem;
  transform: translateX(-50%);
  z-index: -1;
}

._cycleBox {
  width: 3.2rem;
  height: 3.2rem;
  position: relative;
}

._cycleName {
  width: .8rem;
  height: .8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: rgba(58, 57, 58, 1);
  font-size: .18rem;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 10;
}

._cycleBox ._module {
  padding: .06rem .2rem;
  /* width: .78rem; */
  font-size: .18rem;
  color: rgba(8, 101, 193, 1);
  font-weight: bold;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid rgba(8, 101, 193, 1);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  z-index: 1;
}

._cycleBox ._module.module-agent {
  width: auto;
  font-size: .18rem;
  color: #fff;
  background-color: rgba(8, 101, 193, 1);
  border-radius: 8px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

._cycleBox ._module.module-memory {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

._cycleBox ._module.module-reason {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

._cycleBox ._module.module-learn {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

._cycleBox ._arrowBox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  animation: arrowRotate 12s linear infinite;
  z-index: 0;
}

._arrowBox .cycle-arrow {
  position: absolute;
}

._arrowBox .arrow1 {
  left: .25rem;
  top: .2rem;
}

._arrowBox .arrow2 {
  right: .2rem;
  top: .2rem;
}

._arrowBox .arrow3 {
  right: .2rem;
  bottom: .2rem;
}

._arrowBox .arrow4 {
  left: .2rem;
  bottom: .2rem;
}

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

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

._appBox {
  margin-left: 1.2rem;
  width: 2.68rem;
  flex-flow: column;
  align-items: center;
}

._appBox span.point {
  margin: 5px 0;
  width: 6px;
  height: 6px;
  background-color: rgba(8, 101, 193, 1);
  border-radius: 100%;
}

._appBox .app-item {
  margin-top: .5rem;
  position: relative;
  width: 100%;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
}

._appBox .app-item:last-of-type {
  margin-bottom: .2rem;
}

._appBox .app-item>img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

._appBox .app-item ._name {
  width: 100%;
  height: 100%;
  font-size: .24rem;
  color: #fff;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: rgba(8, 101, 193, .6);
  border-radius: 10px;
  left: 0;
  top: 0;
}

._appBox .app-item .app-arrow {
  position: absolute;
  left: -.7rem;
  animation: fadeBlink 2.5s ease-in-out infinite;
  opacity: 0;
}

._appBox .app-item .app-arrow.app-arrow1 {
  bottom: 0;
  animation-delay: 0s;
}

._appBox .app-item .app-arrow.app-arrow2 {
  animation-delay: 0.3s;
}

._appBox .app-item .app-arrow.app-arrow3 {
  top: 0;
  animation-delay: 0.6s;
}

@keyframes fadeBlink {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }

  50% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(15px);
  }
}

._envBox {
  align-items: center;
  gap: .15rem;
}

._envBox span {
  font-size: .16rem;
  line-height: 1.4;
  color: rgba(58, 57, 58, 1);
}

.up-down-arrow {
  display: flex;
  gap: 4px;
}

._fBox {
  padding: .08rem .2rem;
  font-size: .16rem;
  line-height: 1.4;
  font-weight: bold;
  background-color: rgba(220, 233, 244, 1);
  border: 3px solid rgba(8, 101, 193, 1);
  border-radius: 7px;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}

._fBox::after {
  content: "";
  width: calc(100% + 10px);
  height: 100%;
  position: absolute;
  left: -5px;
  top: 5px;
  background-color: rgba(8, 101, 193, 1);
  filter: blur(4px);
  z-index: -1;
}

.env-arrow {}

.env-up {
  animation: fadeUp 2s infinite ease-in-out;
}

.env-down {
  animation: fadeDown 2s infinite ease-in-out;
  animation-delay: 1s;
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(3px);
  }

  50% {
    opacity: 1;
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    transform: translateY(-3px);
  }
}

@keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translateY(-3px);
  }

  50% {
    opacity: 1;
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    transform: translateY(3px);
  }
}

/* page case 标杆案例 */
.pageCaseBox {
  padding-top: .6rem;
  padding-bottom: .6rem;
  background-color: rgba(248, 251, 255, 1);
  position: relative;
  overflow: hidden;
}

._pageCaseList {
  flex-flow: column;
  align-items: flex-start;
  gap: .7rem;
}

._pageCaseList ._item {
  width: 100%;
  flex-flow: row;
  gap: .5rem;
  justify-content: space-between;
}

._pageCaseList ._item ._text {
  flex: 1;
  flex-flow: column;
  gap: .3rem;
  align-items:flex-start;
}

._pageCaseList ._item ._pic {
  width: 6rem;
  height: 4.68rem;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

._pageCaseList ._item ._pic img {
  transition: all .3s;
}

._pageCaseList ._item ._pic ._title {
  padding: .2rem .45rem;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  border-radius: 0 0 10px 10px;
  font-size: .16rem;
  line-height: 1;
  text-align: center;
  color: #fff;
}

._pageCaseList ._item ._text ._title {
  font-size: .24rem;
  line-height: 2;
  font-weight: bold;
  color: rgba(50, 50, 50, 1);
  width: 100%;
}

._pageCaseList ._item ._text ._title span {
  color: rgba(8, 101, 195, 1);
}

._pageCaseList ._item ._text ._desc {
  font-size: .16rem;
  color: rgba(78, 107, 138, 1);
}
._pageCaseList ._item ._text a{
  padding: 8px 20px;
  font-size: .14rem;
  background-color: var(--color01);
  color: #fff;
  line-height:1.4;
  border: 1px solid var(--color01);
  border-radius: 5px;
}
._pageCaseList ._item ._text a:hover{
}

._caseNum {
  width: 100%;;
  gap: .2rem;
  justify-content: flex-start;
}

._caseNum .item {
  padding: .2rem .3rem;
  width: calc((100% - .4rem)/3);
  background: linear-gradient(180deg, rgba(8, 102, 196, 1) 0%, rgba(0, 54, 107, 1) 100%);
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 1);
}

._caseNum .item label {
  display: block;
  position: relative;
}

._caseNum .item i {
  font-size: 0.42rem;
  font-style: normal;
  line-height: 1.6;
  font-weight: bold;
  position: relative;
  z-index: 1;
}

._caseNum .item span {
  margin-left: 0.01rem;
  line-height: 1;
}

._caseNum .item p {}

._pageCaseList ._item:hover ._pic img {
  transform: scale(1.05rem);
}

._caseAdvBox {
  flex-flow: column;
  gap: .1rem;
  align-items: flex-start;
  width: 100%;
}

._caseAdvTitle {
  font-size: .18rem;
  color: rgba(29, 43, 58, 1);
  font-weight: bold;
  line-height: 2;
}

._caseAdvList {
  flex-flow: column;
  gap: 8px;
}

._caseAdvList p {
  padding-left: .2rem;
  font-size: .16rem;
  color: rgba(78, 107, 138, 1);
  line-height: 1.8;
  position: relative;
}

._caseAdvList p::before {
  content: "\e624";
  font-family: "iconfont";
  font-size: .16rem;
  line-height: 1.8;
  color: rgba(8, 101, 195, 1);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

._coreFeaturesBox {
  flex-flow: row nowrap;
  gap: .3rem;
}

._coreFeaturesBox>div {
  padding: .15rem .3rem;
  background: linear-gradient(90deg, rgba(8, 102, 196, 1) 0%, rgba(0, 54, 107, 1) 100%);
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  gap: .15rem;
  position: relative;
  z-index: 1;
}

._coreFeaturesBox>div::before {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #fff;
  border-radius: 12px;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 0;
}

._coreFeaturesBox>div img {
  width: .46rem;
  height: .46rem;
  object-fit: contain;
  position: relative;
  z-index: 1;
}

._coreFeaturesBox>div span {
  font-size: .2rem;
  font-weight: bold;
  color: rgba(78, 107, 138, 1);
  line-height: 2;
  position: relative;
  z-index: 1;
}

/* page Embodied Intelligence 具身智能中心 */
.pageResearchBox ._list>div ._text {
  flex-flow: column;
  align-items: flex-start;
  color: #fff;
}

.pageResearchBox ._list>div ._text ._sub {
  font-size: .18rem;
  line-height: 2;
}

.pageResearchBox ._list>div ._text ._desc {
  margin-top: .2rem;
  font-size: .14rem;
  line-height: 1.8;
}

._pageCaseList ._item ._video {
  width: 6.8rem;
  position: relative;
}

._video .videos {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 2;
}

._video .video-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, right top, from(rgb(8, 102, 196)), to(rgb(0, 54, 107)));
  background: linear-gradient(180deg, rgba(8, 102, 196, 1) 0%, rgba(0, 54, 107, 1) 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 3;
}

._video .video-button svg {
  width: 100%;
  height: 100%;
  pointer-events: none;
  animation: round 10s infinite linear;
}

@keyframes round {
  0% {
    transform: rotate(0)
  }

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

._video .iconfont {
  font-size: .36rem;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

._video .video-button.active {
  opacity: 0
}

._video:hover .video-button.active {
  opacity: 1
}

._video .video-button:hover .iconfont {
  color: var(--color01)
}

._pageCaseList ._item ._video::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  /*background: linear-gradient(180deg, rgba(8, 102, 196, 0.6) 0%, rgba(0, 54, 107, 0.6) 100%);*/
  z-index: 2;
}

._modelBox2 {
  flex: 1;
  padding: .2rem .15rem;
  border: 1px solid rgba(229, 229, 229, 1);
  flex-flow: column;
  align-items: center;
  gap: .35rem;
}

._modelHName {
  font-size: .24rem;
  font-weight: bold;
  color: var(--color02);
  line-height: 2;
}

._brainTitle {
  font-size: .18rem;
  color: var(--color02);
  font-weight: bold;
  position: relative;
}

._brainTitle::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background: url(../images/brain.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* page 分支线 */
.flow-line {
  margin-bottom: .3rem
}

/* 垂直主线 */
.line-main {}

/* 水平总分支线 */
.line-horizontal {
  width: 68%;
  height: 2px;
  background: var(--color02);
  margin: 0 auto;
  position: relative;
}

/* 左卡片连线 + 箭头 */
.line-to-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: .3rem;
  background: var(--color02);
}

.line-to-left::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
  width: 6px;
  height: 6px;
  border: 1px solid var(--color02);
  border-top-color: transparent;
  border-right-color: transparent
}

/* 中卡片连线 + 箭头 */
.line-to-middle {
  position: absolute;
  left: 50%;
  top: 0;
  width: 2px;
  height: .3rem;
  background: var(--color02);
  transform: translateX(-50%);
}

.line-to-middle::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
  width: 6px;
  height: 6px;
  border: 1px solid var(--color02);
  border-top-color: transparent;
  border-right-color: transparent
}

/* 右卡片连线 + 箭头 */
.line-to-right {
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  height: .3rem;
  background: var(--color02);
}

.line-to-right::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
  width: 6px;
  height: 6px;
  border: 1px solid var(--color02);
  border-top-color: transparent;
  border-right-color: transparent
}

._coreContent {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .2rem;
}

._coreContent .core-item {
  width: calc((100% - .4rem)/3);
  text-align: center;
  padding: .1rem;
}

._coreContent .core-item h3 {
  font-size: .16rem;
  color: var(--color02);
  margin-bottom: 15px;
  font-weight: bold;
}

._coreContent .core-item p {
  font-size: .14rem;
  margin-bottom: 20px;
  color: #333;
}

._coreContent .core-img-group {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

._coreContent .core-img-group img {
  max-width: 100%;
  height: auto;
  max-height: 180px;
  object-fit: cover;
}

._coreContent .core-item:nth-child(4),
._coreContent .core-item:nth-child(5) {
  flex: 1;
}

._coreContent .core-item:nth-child(5) p {
  justify-content: space-between;
}

._coreContent .core-item:nth-child(5) .core-img-group img {
  max-height: unset;
  width: 100%;
  object-fit: contain;
}

/* page 社会智能中心 */
._coreAniList {
  position: relative;
}

._coreBg {
  width: 100%;
  opacity: 0;
}

.pageCoreProductBox ._coreProList ._item ._video,
.pageCoreProductBox ._coreProList ._item ._pic {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.pageCoreTechBox ._coreAni {
  justify-content: space-between;
  gap: .6rem;
}

.pageCoreTechBox ._coreAni ._coreL {
  width: 43.33%;
}

.pageCoreTechBox ._coreAni ._coreL .desc {
  font-size: .16rem;
  line-height: 2;
  color: rgba(78, 107, 138, 1);
  text-align: justify;
}

.pageCoreTechBox ._coreAni ._coreL .desc p {
  margin-bottom: .15rem;
}

.pageCoreTechBox ._coreAni ._coreTechModel {
  flex: 1;
}

._coreAniBox {
  position: relative;
}

._coreAniList {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

._coreAniList ._circle {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  transform: rotateX(66deg);
  transform-style: preserve-3d;
  transform-origin: center center;
  user-select: none;
  pointer-events: none;
}

._coreAniList ._circle img {
  width: 100%;
}

._coreAniList ._circle ._cicrle01 {
  width: 54%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) translateZ(80px);

}

._coreAniList ._circle ._cicrle02 {
  width: 70%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) translateZ(40px);

}

._coreAniList ._circle ._cicrle03 {
  width: 83%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

}

._coreAniList ._circle ._cicrle01 img {
  width: 100%;
  /* animation: turn 40s linear infinite; */
}

._coreAniList ._circle ._cicrle02 img {
  animation: turn 30s linear infinite;
}

._coreAniList ._circle ._cicrle03 img {
  animation: turn 50s linear infinite reverse;
}

._coreTechModel {
  flex-flow: column;
  align-items: center;
}

._coreTechModel ._coreAniImg {
  margin-top: .3rem;
  justify-content: space-between;
  gap: 10px;
}

._coreTechModel ._coreAniImg>div {
  flex: 1;
  flex-flow: column;
  align-items: center;
  gap: .15rem;
}

._coreTechModel ._coreAniImg>div ._img {
  width: 100%;
  height: 1.5rem;
  border: 1px solid rgba(229, 229, 229, 1);
  overflow: hidden;
}

._coreTechModel ._coreAniImg>div ._img img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

._coreTechModel ._coreAniImg>div ._name {
  font-size: .18rem;
  color: rgba(0, 0, 0, 1);
  line-height: 1.5;
  font-weight: bold;
}

._coreTitle {
  font-size: .24rem;
  color: rgba(8, 101, 193, 1);
  font-weight: bold;
  line-height: 2;
  position: absolute;
  left: 0;
  width: 100%;
  font-weight: bold;
  z-index: 10;
}

@keyframes turn {
  from {
    transform: rotateZ(0deg);
  }

  to {
    transform: rotateZ(360deg);
  }
}

._arrow {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 11%;
  z-index: 5;
  align-items: center;
  justify-content: center;
}

._coreAniList ._tagList,
._coreAniList ._tagList2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}

._coreAniList ._tagList ._item,
._coreAniList ._tagList2 ._item {
  width: 100%;
  height: 100%;
  position: relative;
}

._coreAniList ._tagList ._item>div {
  font-size: .18rem;
  line-height: 2;
  color: rgba(8, 101, 193, 1);
  align-items: center;
  flex-flow: row;
  gap: 8px;
  position: absolute;
}

._coreAniList ._tagList ._item>div span {
  width: 10px;
  height: 10px;
  background-color: rgba(24, 116, 224, 1);
  border-radius: 100%;
}

._coreAniList ._tagList ._item>div:nth-child(1) {
  flex-flow: row-reverse;
  left: 5.5%;
  top: 33%;
}

._coreAniList ._tagList ._item>div:nth-child(2) {
  flex-flow: row-reverse;
  left: 25.5%;
  top: 66.5%;
}

._coreAniList ._tagList ._item>div:nth-child(3) {
  left: 60.5%;
  top: 68%;
}

._coreAniList ._tagList ._item>div:nth-child(4) {
  right: 5.5%;
  top: 31.5%;
}

._coreAniList ._tagList2 ._item>div {
  font-size: .16rem;
  padding: .08rem .15rem;
  background-color: rgba(8, 101, 193, 1);
  color: #fff;
  line-height: 1.4;
  position: absolute;
}

._coreAniList ._tagList2 ._item>div:nth-child(1) {
  left: 3.5%;
  top: 56%;
}

._coreAniList ._tagList2 ._item>div:nth-child(2) {
  left: 22.5%;
  top: 81.5%;
}

._coreAniList ._tagList2 ._item>div:nth-child(3) {
  left: 45%;
  bottom: 2%;
}

._coreAniList ._tagList2 ._item>div:nth-child(4) {
  right: 21.5%;
  bottom: 4.5%;
}

._coreAniList ._tagList2 ._item>div:nth-child(5) {
  right: 3.5%;
  top: 58.5%;
}

@media screen and (min-width: 1025px) {
  ._coreTitle {
    top: 22%;
    opacity: 1;
  }
}

._coreAdvList2 {
  flex-flow: row wrap;
}

._coreAdvList2 ._item {
  width: calc((100% - .3rem)/2);
  flex: auto;
}

._coreAdvList2 ._item:nth-child(1) {
  width: 100%;
}

/* page 联合创新生态中心 */
.pageMemberBox {
  padding-top: .8rem;
  padding-bottom: .8rem;
  position: relative;
  overflow: hidden;
}

.pageMemberBox ._tNanme {
  font-size: .36rem;
  font-weight: bold;
  color: rgba(8, 101, 195, 1);
  line-height: 2;
}

.pageMemberBox ._cnt {
  border: 2px solid rgba(8, 101, 195, 1);
  border-radius: 12px;
  padding: .8rem .3rem .5rem;
}

.pageMemberBox ._cnt ._subTitle {
  padding: 8px .3rem;
  font-size: .2rem;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
  background-color: rgba(8, 102, 196, 1);
  border-radius: .3rem;
  position: absolute;
  left: 50%;
  top: -.2rem;
  transform: translateX(-50%);
}

.pageMemberBox ._cnt ._subTitle span {
  font-size: .28rem;
}

.pageMemberBox ._mebBox {
  align-items: flex-start;
  justify-content: space-between;
  gap: .4rem;
}

.pageMemberBox ._mebBox>div {
  flex: 1;
}

.pageMemberBox ._mebBox>div ._round {
  width: 1.52rem;
  height: 1.52rem;
  margin: 0 auto .5rem;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.pageMemberBox ._mebBox>div ._round::before {
  content: "";
  background: url(../images/circle3.svg) no-repeat right center;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  animation: turn 20s linear infinite;
}

.pageMemberBox ._mebBox>div ._round::after {
  content: "";
  background: url(../images/circle2.svg) no-repeat center;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  animation: ring 10s linear infinite reverse;
}

.pageMemberBox ._mebBox>div ._round i {
  font-style: normal;
  font-size: .52rem;
  font-weight: bold;
  line-height: 1.1;
  color: rgba(8, 101, 195, 1);
}

.pageMemberBox ._mebBox>div ._round span {
  font-size: .16rem;
  line-height: 1.3;
  color: rgba(8, 101, 195, 1);
}

.pageMemberBox ._mebBox>div:nth-child(2) {
  flex: 1.5;
}

.pageMemberBox ._memList {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 8px;
}

.pageMemberBox ._mebBox>div:nth-child(2) ._memList {
  grid-template-columns: repeat(2, 1fr);
}

.pageMemberBox ._memList>div {
  height: .5rem;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid rgba(210, 230, 252, 1);
  border-radius: 10px;
  transition: all .2s linear;
}

.pageMemberBox ._memList>div img {
  margin: auto;
  max-width: 86%;
  max-height: 64%;
}

.pageMemberBox ._memList>div:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
  transform: translate3d(0, -4px, 0);
}

@keyframes ring {
  0% {
    transform: rotateZ(0deg) scale(1.25);
  }

  100% {
    transform: rotateZ(360deg) scale(1.25);
  }
}

/* page 企业生态 */
.pageCorpEcosystem {
  background-color: rgba(248, 251, 255, 1);
  position: relative;
  overflow: hidden;
}

.pageCorpEcosystem ._bg {
  align-items: center;
  justify-content: center;
}

.pageCorpEcosystem ._cnt {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.pageCorpEcosystem ._cicrle {
  width: 100%;
  height: inherit;
  align-items: center;
  justify-content: center;
}

.pageCorpEcosystem ._cicrle::before {
  content: "";
  background: url(../images/circle7.svg) no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  animation: ring2 15s linear infinite reverse;
}

.pageCorpEcosystem ._cicrle>div {
  margin: auto;
  width: 1.92rem;
  height: 1.92rem;
  background-color: rgba(24, 116, 224, 1);
  border-radius: 100%;
  color: #fff;
  font-size: .32rem;
  font-weight: bold;
  line-height: 1;
  align-items: center;
  justify-content: center;
  position: relative;
}

.pageCorpEcosystem ._cicrle>div::before {
  content: "";
  background: url(../images/circle7.svg) no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  animation: ring2 6s linear infinite reverse;
}

.pageCorpEcosystem ._cicrle>div::after {
  content: "";
  background: url(../images/circle7.svg) no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  animation: ring3 8s linear infinite;
}

@keyframes ring2 {
  0% {
    transform: rotateZ(0deg) scale(1.7);
  }

  100% {
    transform: rotateZ(360deg) scale(1.7);
  }
}

@keyframes ring3 {
  0% {
    transform: rotateZ(0deg) scale(3);
  }

  100% {
    transform: rotateZ(360deg) scale(3);
  }
}

._coopBox {
  width: 100%;
  height: 100%;
  justify-content: space-between;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

._coopBox ._coopL,
._coopBox ._coopR {
  width: 50%;
  align-items: center;
  justify-content: center;
}

._coopList {
  width: 3rem;
  ;
  flex-flow: column;
  gap: .5rem;
}

._coopList ._item {
  margin-left: .5rem;
  padding: 8px;
  width: 1.6rem;
  height: .6rem;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all .2s linear;
}

._coopList ._item::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  box-shadow: 0px 6px 10px rgba(14, 111, 176, 0.15);
  border-radius: 6px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

._coopList ._item:nth-child(1) {
  margin-left: 1rem;
}

._coopList ._item:nth-child(1)::before {
  transform: skew(-15deg);
}

._coopList ._item:nth-child(2) {
  margin-left: 0.68rem;
}

._coopList ._item:nth-child(2)::before {
  transform: skew(-15deg);
}

._coopList ._item:nth-child(4) {
  margin-left: 0.68rem;
}

._coopList ._item:nth-child(4)::before {
  transform: skew(15deg);
}

._coopList ._item:nth-child(5) {
  margin-left: 1rem;
}

._coopList ._item:nth-child(5)::before {
  transform: skew(15deg);
}

._coopList.list03 ._item {
  margin-left: .8rem;
}

._coopList.list03 ._item:nth-child(1) {
  margin-left: .4rem;
}

._coopList.list03 ._item:nth-child(1)::before {
  transform: skew(15deg);
}

._coopList.list03 ._item:nth-child(2) {
  margin-left: 0.68rem;
}

._coopList.list03 ._item:nth-child(2)::before {
  transform: skew(15deg);
}

._coopList.list03 ._item:nth-child(4) {
  margin-left: 0.68rem;
}

._coopList.list03 ._item:nth-child(4)::before {
  transform: skew(-15deg);
}

._coopList.list03 ._item:nth-child(5) {
  margin-left: .4rem;
}

._coopList.list03 ._item:nth-child(5)::before {
  transform: skew(-15deg);
}

._coopList ._item img {
  width: 80%;
  height: 80%;
  object-fit: contain;
}

._coopList ._item:hover {
  transform: translate3d(0, -4px, 0);
}

/* page 创新生态 */
.innovationMain .pageBanner ._bg::before {
  background: linear-gradient(90deg, rgba(8, 60, 149, 1) 0%, rgba(8, 60, 149, 1) 100%);
  opacity: 0.9;
}

.innovationMain ._introduceBox ._introduce .slogan {
  font-size: 0.2rem;
  color: rgba(51, 51, 51, 1);
  font-weight: bold;
  line-height: 1;
}

._ecologyBox .tHd {
  font-size: .32rem;
  font-weight: bold;
  color: transparent;
  background-image: linear-gradient(180deg, rgba(8, 102, 196, 1) 0%, rgba(0, 54, 107, 1) 100%);
  -webkit-background-clip: text;
}

.ecoList {
  margin-top: -.3rem;
  align-items: center;
  justify-content: center;
}

.ecoList .img01 {
  margin-right: -.6rem;
  position: relative;
  z-index: 1;
}

.ecoList .img02 {
  position: relative;
  z-index: 2;
}

.ecoList .img03 {
  margin-left: -.3rem;
  position: relative;
  z-index: 1;
}

._ecologyBox .bFt {
  margin: -.8rem auto 0;
  max-width: 11rem;
  flex-flow: column;
  gap: .1rem;
}

._ecologyBox .bFt .item01 {
  gap: 3rem;
  font-size: .2rem;
  color: rgba(51, 51, 51, 1);
  line-height: 2;
  justify-content: center;
}

._ecologyBox .bFt .item02 {
  padding: 0 1.3rem;
  gap: 3rem;
  font-size: .2rem;
  color: rgba(8, 101, 193, 1);
  font-weight: bold;
  line-height: 2;
  justify-content: space-between;
  position: relative;
}

._ecologyBox .bFt .item02::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/line-bg6.svg) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.structuresBox {
  margin-top: .5rem;
  padding: 0 .9rem;
  align-items: center;
  justify-content: space-between;
  gap: .4rem;
}

.structuresBox ._list02 {
  flex: 1;
  flex-flow: column;
  gap: .4rem;
}

.structuresBox ._list02>div {
  padding: .1rem .3rem;
  font-size: .18rem;
  color: #fff;
  line-height: 2;
  font-weight: bold;
  background: linear-gradient(180deg, rgba(8, 102, 196, 1) 0%, rgba(0, 54, 107, 1) 100%);
  border-radius: .2rem;
  box-shadow: 0px 6px 10px rgba(14, 111, 176, 0.15);
  text-align: center;
}

.structuresBox ._pic {
  position: relative;
  overflow: hidden;
}

.structuresBox ._pic img {
  max-width: 100%;
}

/* page 智创伙伴 */
._partnershipBox {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

._partnershipBox ._tHd {
  justify-content: center;
}

._partnershipBox ._tHd span {
  padding: .1rem .5rem;
  background: linear-gradient(180deg, rgba(8, 102, 196, 1) 0%, rgba(0, 54, 107, 1) 100%);
  border-radius: .3rem;
  font-size: .28rem;
  font-weight: bold;
  color: #fff;
  line-height: 1;
}

._partnerList {
  justify-content: space-between;
  flex-flow: row wrap;
  gap: .5rem;
}

._partnerList>div {
  width: calc((100% - 2rem)/5);
}

._partnerList>div:nth-child(7) {
  width: calc((((100% - 1rem)/5) * 3));
}

._partnerList>div img {
  max-width: 100%;
  height: 1.6rem;
  object-fit: contain;
}

._partnerCompany {
  max-width: 90%;
}

._partnerList02 {
  justify-content: space-between;
  flex-flow: row wrap;
  gap: .3rem;
}

._partnerList02>div {
  padding: 5px .2rem;
  width: calc((100% - 1.2rem)/5);
  border: 1px solid rgba(229, 229, 229, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}

._partnerList02>div img {
  max-width: 68%;
  height: auto;
  object-fit: contain;
}

._partnerList02>div:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 35px -12px rgba(0, 0, 0, 0.15);
}

/* page International Cooperation */
._iCoopBox {
  /* max-width: 88%;
  margin-left: auto;
  margin-right: auto; */
  gap: .6rem;
  justify-content: space-between;
}

._iCoopBox ._item {
  flex-flow: column;
  gap: .3rem;
  align-items: center;
}

._iCoopBox ._item ._title {
  margin: 0 .2rem;
  padding: .08rem .4rem;
  background-color: rgba(8, 101, 193, 1);
  border-radius: 8px;
  font-size: .2rem;
  font-weight: bold;
  color: #fff;
  line-height: 2;
}

._iCoopBox ._item ._img {
  width: 100%;
  height: 2.82rem;
  overflow: hidden;
}

._iCoopBox ._item ._img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._iCoopBox ._multiProject {
  width: 100%;
  flex-flow: column;
  justify-content: space-between;
  gap: .24rem;
}

._iCoopBox ._multiProject>div {
  padding: 0.08rem .3rem;
  background: linear-gradient(180deg, rgba(65, 172, 242, 1) 0%, rgba(14, 111, 176, 1) 100%);
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  font-size: .18rem;
  font-weight: bold;
  color: #fff;
  line-height: 2;
  text-align: center;
}

._iCoopName {
  align-items: center;
  justify-content: center;
  font-size: .32rem;
  font-weight: bold;
  color: transparent;
  background-image: linear-gradient(180deg, rgba(8, 102, 196, 1) 0%, rgba(0, 54, 107, 1) 100%);
  -webkit-background-clip: text;
}

/* 右侧悬浮咨询框 */
.fixed_server {
  position: fixed;
  right: 10px;
  bottom: 10%;
  /* transform: translateY(-50%); */
  z-index: 100;
  width: .8rem;
  transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
}

.backTop {}

.backTop .fixed_n {
  margin: 10px auto 0;
  width: .6rem;
  height: .6rem;
  background-color: var(--color01);
  border-radius: 50%;
  color: #fff;
  align-items: center;
  justify-content: center;
}

.backTop .fixed_n i {
  font-size: .32rem;
}

#back_top {
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  z-index: 888;
  transition: all 0.6s ease;
}

#back_top.onshow {
  opacity: 1;
  -webkit-opacity: 1;
  visibility: visible;
  transform: none;
  -webkit-transform: none;
}

/*pages*/
.pages {
  margin-top: 0.5rem;
  text-align: center;
}

#pages li {
  margin: 0 2px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100%;
  text-align: center;
  background: #e6e6e6;
  color: #333;
  display: inline-block;
}

#pages li a {
  font-size: 14px;
  display: block;
  padding: 0 12px;
  color: #333;
}

#pages li span {
  font-size: 14px;
  display: block;
  padding: 0 12px;
}

#pages li.active {
  text-align: center;
  background: linear-gradient(180deg, rgba(8, 102, 196, 1) 0%, rgba(0, 54, 107, 1) 100%);
  color: #fff;
  display: inline-block;
}

#pages li:hover {
  color: #fff;
  background: linear-gradient(180deg, rgba(8, 102, 196, 1) 0%, rgba(0, 54, 107, 1) 100%);
}

#pages li:hover a {
  color: #fff;
}

/*富文本强制定义*/
.richText {
  text-align: justify;
}

.richText p,
.richText span,
.richText em {
  font-size: 16px !important;
}

.richText video {
  max-width: 100%;
  display: inline-block;
}


/*电端加上鼠标效果/动画 */
@media screen and (min-width: 1025px) {

  .rollAni,
  .font_effect {
    visibility: hidden;
  }

  .hoverable:hover .hoverable_txt:after,
  ._proTab ._item:hover .hoverable_txt:after,
  ._proTab ._item.active .hoverable_txt:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }

  .pc-nav .operation ._item:hover {
    /* background-color: rgba(18, 147, 179, 0.2); */
  }

  .pc-nav .language .language_item a:hover {
    /* background-color: #eee; */
    color: rgba(102, 102, 102, 1);
  }

  .pc-nav .operation ._item:hover .search {
    opacity: 1;
    visibility: visible;
    transform: none;
  }

  .pc-nav .search ._dt>button:hover {
    color: var(--color01);
  }

  .culture ._title {
    overflow: hidden;
  }

  .culture ._title>div {
    /* transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: all .58s ease; */
  }

  #screenSwiper>.swiper-wrapper>.active .culture ._title>div {
    transform: none;
    opacity: 1;
    visibility: visible;
    transition-delay: .5s;
  }

  .culture ._line {
    /* transform: translateY(20px);
    transition: all .58s ease;
    opacity: 0;
    visibility: hidden; */
  }

  #screenSwiper>.swiper-wrapper>.active .culture ._line {
    transform: none;
    opacity: 1;
    visibility: visible;
    transition-delay: .7s;
  }

  #screenSwiper>.swiper-wrapper .indexTitle1 {
    transform: none;
    opacity: 1;
    visibility: visible !important;
    transition-delay: .5s;
  }

  #screenSwiper>.swiper-wrapper .indexTitle1 ._slogan {
    transform: none;
    opacity: 1;
    visibility: visible !important;
    transition-delay: .7s;
  }

  .footer ._menu ._item ._b a:hover {
    opacity: 1;
  }

  .footer ._link ._list li a:hover {
    opacity: 1;
  }

  .footer ._keep a:hover {
    text-decoration: underline;
  }

  .below .below_l ._superior:hover {
    background-color: rgba(0, 0, 0, 0.2);
  }

  .below .below_r .slidenav_next>a:hover {
    color: #fff;
    background-color: var(--color01);
  }

  .slidenav ._item>a:hover {
    color: var(--color01);
  }

  .profile ._bg.fn2>img {
    transform: none;
    transition: transform 2s ease-in-out;
  }

  .cultureList ._item:nth-child(3n + 1) {
    animation-delay: 0s;
  }

  .cultureList ._item:nth-child(3n + 2) {
    animation-delay: 0.2s;
  }

  .cultureList ._item:nth-child(3n + 3) {
    animation-delay: 0.4s;
  }

  .newsList ._item>a:hover {
    background-color: var(--color01);
    color: #fff;
  }

  .newsList ._item>a:hover ._img {
    /* transform: scale(0.9); */
  }

  .newsList ._item>a:hover ._img>img {
    transform: scale(1.2);
  }

  .newsList ._item>a:hover ._names {
    padding: 0 .35rem;
    color: #fff;
  }

  .pagination li a:hover {
    background-color: var(--color01);
    color: #fff;
  }

  .newsList ._item {
    opacity: 0;
  }

  .newsList ._item.fb3 {
    opacity: 1;
  }

  .newsList ._item.fb3:nth-child(3n + 1) {
    animation-delay: 0s;
    transition-delay: 0s;
  }

  .newsList ._item.fb3:nth-child(3n + 2) {
    animation-delay: 0.2s;
    transition-delay: 0.2s;
  }

  .newsList ._item.fb3:nth-child(3n + 3) {
    animation-delay: 0.4s;
    transition-delay: 0.4s;
  }

  .newsDel ._sell ._list ._item>a:hover ._img>img {
    transform: scale(1.1);
  }

  .newsDel ._sell ._list ._item>a:hover ._txt ._name {
    color: var(--color01);
  }

  .newsDel ._sell ._list ._item>a:hover:after {
    width: 100%;
  }

  .newsDel ._info ._skip ._back>a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }

  .newsDel ._info ._skip ._back>a:hover:before {
    transform: scale(1.4);
  }

  .newsDel ._info ._skip ._back>a:hover:after {
    transform: scale(1.8);
  }

  .newsDel ._info ._skip ._jump a:hover {
    color: var(--color01);
  }

  ._place a:hover {
    color: var(--color01);
  }

  .pc-nav .nav .nav_a:hover .nav_b {
    transform: translateX(-50%);
    opacity: 1;
    visibility: visible;
  }

  .pc-nav .nav .nav_a>.nav_b>.nav_b_list>li>a:hover {
    color: var(--color01);
    background-color: #f5f5f5;
  }
}

@media screen and (max-width: 1600px) {

  .explicit ._info p,
  .explicit ._info span,
  .richText em {
    font-size: 15px !important;
  }

  .richText p,
  .richText span,
  .richText em {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 1440px) {

  .explicit ._info p,
  .explicit ._info span,
  .richText em {
    font-size: 14px !important;
  }

  .richText p,
  .richText span,
  .richText em {
    font-size: 14px !important;
  }

  .header.onShow .menu {
    height: 5.8rem;
  }

  .menu ._box {
    height: 5.8rem;
  }

  .pc-nav .language .language_item a {
    line-height: 0.44rem;
  }

  .pc-nav .language {
    width: 0.8rem;
  }

  .pc-nav .search ._dd>input {
    height: 0.5rem;
  }

  .pc-nav .search ._dt>button {
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
  }

  .row {
    width: 90%;
  }
}

@media screen and (max-width: 1280px) {

  .explicit ._info p,
  .explicit ._info span,
  .richText em {
    font-size: 13px !important;
  }

  .richText p,
  .richText span,
  .richText em {
    font-size: 13px !important;
  }

  .masterBtn1 {
    font-size: 14px;
    /* width: 1.7rem;
    height: 0.56rem;
    border-top-right-radius: 0.56rem;
    border-bottom-right-radius: 0.56rem;
    padding-right: 12px; */
  }
}

@media screen and (max-width: 1200px) {
  .mobile_search .close i {
    font-size: .34rem;
  }

  ._centerList ._item ._title {
    font-size: 16px;
  }

  ._centerList ._item ._slogan {
    font-size: 14px;
  }

  ._centerList ._item ._desc {
    font-size: 13px;
    display: none;
  }

  ._centerList ._item ._detail .masterBtn1.style2 {}

  ._centerList ._item:hover ._detail,
  ._centerList ._item.active ._detail {
    max-height: 2.2rem;
  }

  ._newsList ._item ._title {
    font-size: 18px;
  }

  ._newsList ._item ._tp {
    font-size: 14px;
  }

  ._newsList ._item ._moreBtn {
    font-size: 14px;
  }

  ._moreLink a {
    font-size: 14px;
  }
}

@media screen and (max-width: 1024px) {
  #main {
    position: initial;
    overflow: hidden;
  }

  .header .menu {
    display: none;
  }

  .openMenu {
    display: flex;
    align-items: center;
  }

  .pc-nav .operation {
    margin-left: auto;
  }

  .pc-nav {
    width: 100%;
    height: 50px;
    background-color: var(--color01);
  }

  .pc-nav ._logo>a {
    padding: 0 2vw 0 5vw;
  }

  .pc-nav ._logo>a>div {
    height: 34px;
  }

  .pc-nav ._logo>a::before {
    height: 100%;
  }

  .pc-nav .operation {
    padding-right: .3rem;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    flex-flow: row-reverse;
  }

  .pc-nav>.nav {
    position: fixed;
    background-color: #fff;
    width: 100%;
    justify-content: center;
    z-index: -1;
    text-align: center;
    top: 50px;
    bottom: 0;
    display: flex;
    align-items: center;
    transform: translateY(100%);
    transition: transform 0.65s ease;
    display: none;
  }

  .pc-nav>.nav .nav_a {
    float: none;
  }

  .pc-nav .nav .nav_a::before {
    width: 100%;
    height: 4px;
    left: 0;
  }

  .pc-nav>.nav .nav_a>a:after {
    display: none;
  }

  .header.mobileNav .pc-nav>.nav {
    transform: none;
  }

  .pc-nav .operation ._item.header__tel {
    padding-left: 0;
    padding-right: .3rem;
  }

  .mobile_search{
    top: 50px;
    padding: 1rem 0;
  }
  .mobile_search .close{
    right: 5vw;
  }
  .mobile_search form{
    width: 80%;
  }
  .mobile_search .input input{
    min-height: 46px;
  }
  .mobile_search .label .btn{
    transform: scale(0.8);
  }

  .openMenu {
    padding: 0 0.35rem;
  }

  .pc-nav .operation ._itemBtn {
    flex-direction: row;
  }

  .pc-nav .operation ._itemBtn i {
    font-size: 16px;
    line-height: 1;
  }

  .pc-nav .operation ._itemBtn span {
    display: none;
  }

  .pc-nav .operation .header__lang {
    margin-left: .2rem;
    margin-right: 0;
    padding: .06rem .26rem;
  }

  .pc-nav .operation ._item.header__search {
    width: .46rem;
    height: .46rem;
    border-color: transparent;
  }

  .pc-nav .nav .nav_a>a {
    height: 1rem;
    line-height: 1rem;
    padding: 0;
    font-size: 16px;
    color: #333;
  }

  .Hbanner {
    height: 100vh;
  }

  #Hbanner .swiper-slide:nth-child(3) {
    transform: none;
  }

  #Hbanner .swiper-slide:nth-child(3) .Hbanner_txt ._item {
    text-align: left;
    transform: none;
  }

  #Hbanner .Hbanner_txt ._item ._title {
    font-size: .56rem;
  }

  #Hbanner .Hbanner_txt ._item ._tps {
    font-size: .28rem;
  }

  #Hbanner .Hbanner_nav {
    bottom: .3rem;
  }

  .container {
    padding-top: 50px;
  }
  .Hmain.container {
    padding-top: 0;
  }

  .indexTitle1 ._cn {
    font-size: .44rem;
  }

  .indexTitle1 ._en,
  .indexTitle1 ._cn span {
    font-size: .4rem;
  }

  .indexTitle1 ._slogan {
    padding: 0;
    font-size: .24rem;
    letter-spacing: 3px;
  }
  .HsmartEra ._box{
    flex-flow: row wrap;
  }
  .HsmartEra ._intro p{
    margin-bottom: 10px;
    font-size: 13px;
    text-align: justify;
  }
  .HsmartEra ._img{
    width: 100%;
  }
  .Hresearch{
    padding-top: .6rem;
    padding-bottom: .6rem;
  }

  .Hresearch .row {
    flex-wrap: wrap;
    gap: .2rem;
  }

  .Hinnovation {
    padding: .6rem 0;
  }

  ._innovationList {
    grid-template-columns: repeat(1, 1fr)
  }

  ._innovationList ._item figure {
    height: 3.26rem;
  }

  ._innovationList ._item figure ._name {
    font-size: 26px;
  }

  ._innovationList ._item ._sub {
    font-size: 13px;
  }

  ._innovationList ._item ._title {
    font-size: 16px;
  }

  ._innovationList ._item ._desc {
    font-size: 12px;
  }

  ._centerList ._item {
    flex: auto;
    width: calc((100% - .2rem)/2);
  }

  ._centerList ._item ._slogan {
    font-size: 13px;
  }

  ._centerList ._item ._detail {
    max-height: 2.2rem;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    margin-top: .1rem;
    transition: all 0.45s cubic-bezier(0.2, 0.9, 0.4, 1.2);
  }

  ._centerList ._item:hover,
  ._centerList ._item.active {
    flex: auto;
  }

  .footer {}

  .footer::after {
    width: 58%;
    height: 80%;
    background-size: contain;
  }

  .footer ._cnt {
    padding-top: .3rem;
  }

  .footer ._logo {
    width: 68%;
  }

  .footer ._cnt>div {
    flex-wrap: wrap;
  }

  .footer ._code {
    width: 1.86rem;
  }

  .footer ._contact ._info p {
    line-height: 1.6;
    align-items: flex-start;
  }

  .footer ._contact ._info p i {
    line-height: 1.4;
  }

  .footer ._menu {
    display: none;
  }

  .footer ._copy {
    font-size: 13px;
  }
  .footer ._copy br{
    display: block;
  }

  .backTop .fixed_n {
    width: 42px;
    height: 42px;
  }

  .pc-nav .nav .nav_a>.nav_b {
    display: none;
  }

  .mobile {
    display: block;
  }

  .below .below_l {
    display: none;
  }

  .below {
    margin-top: 0;
    height: 1rem;
    line-height: 1rem;
  }

  .below .below_r {
    padding-left: 0;
  }

  .below .below_r::after {
    width: 100%;
    right: 0;
    transform: none;
  }

  .below .below_r .slidenav_next {
    padding-right: 0;
    width: 1rem;
  }

  .below .below_r {
    padding-right: 1rem;
  }

  .slidenav ._item>a {
    padding: 0 5vw;
    font-size: 14px;
  }

  .slidenav .swiper-slide {
    width: auto;
  }

  .pageBanner.style1 {
    height: 50vw;
  }

  .pageBanner ._info {
    padding: 0 5%;
  }

  .pageBanner.style1 ._info ._title .cn {
    margin-top: -.45rem;
    margin-bottom: .2rem;
    font-size: .38rem;
  }

  .pageBanner.style1 ._info ._title .en {
    font-size: .4rem;
  }

  .masterTitle3 .en {
    font-size: .68rem;
  }

  .masterTitle3 .cn {
    margin-top: -.5rem;
    font-size: .46rem;
  }

  .masterTitle3 .slogan {
    font-size: 14px;
    line-height: 1.6;
  }

  .profile ._box {
    flex-flow: column;
  }

  .profile ._bg {
    top: auto;
    bottom: 0;
    transform: none;
  }

  .profile ._box ._left {
    flex: 1;
    width: 100%;
  }

  .profile ._left ._desc p {
    font-size: .28rem;
  }

  .profile ._cultureList ._item {
    padding: 15px 0 0;
  }

  .profile ._cultureList ._item i {
    width: .6rem;
    height: .6rem;
    font-size: .3rem;
  }

  .profile ._cultureList ._item span {
    font-size: .3rem;
  }

  .profile ._cultureList ._item p {
    font-size: .3rem;
  }

  .profile ._box ._right {
    width: 100%;
  }

  #courseSwiper .item {
    flex-flow: column;
    align-items: flex-start;
    gap: .3rem;
  }

  #courseSwiper .item .time {
    flex: 1;
    font-size: .56rem;
    color: var(--color01);
    position: relative;
    left: auto;
    top: auto;
    transform: none;
  }

  #courseSwiper .itemImg {
    width: 100%;
  }

  #courseSwiper .itemInfo {
    width: 100%;
    padding: 0;
  }
  #courseSwiper .itemInfo .box .eventLine{
    font-size: 14px;
    line-height: 1.8;
    height: auto;
  }

  .history ._bg {
    width: 42%;
    z-index: 1;
  }

  .history ._bg>img {
    margin-right: 0;
    width: 100%;
  }
  .courseTab{
    margin-top: -2rem;
  }
  #courseTab{
    padding-bottom: .5rem;
  }
  #courseTab .item ._year{
    font-size: .266rem;
  }
  
  /* page news list */
  ._hotNews a {
    flex-flow: column;
  }

  ._hotNews ._pic {
    width: 100%;
  }

  ._hotNews ._info {
    padding: 0.5rem 0.5rem 0.7rem 0.5rem;
    width: 100%;
  }

  ._hotNews ._info::after {
    width: 100%;
    left: 0;
  }

  ._hotNews ._info ._infoTp {
    gap: .3rem;
  }

  ._hotNews ._infoTp ._time {
    width: 1.32rem;
    height: 1.32rem;
  }

  ._hotNews ._info ._title {
    font-size: .32rem;
    line-height: 1.6;
  }

  ._hotNews ._info ._desc {
    height: 46px;
    font-size: 13px;
  }

  ._newsLine::after {
    margin-bottom: 5px;
  }

  ._newsLine ._circle {
    width: .14rem;
    height: .14rem;
  }
  ._pageNewsFilter{
    flex-flow: column;
    gap: .3rem;
  }
  .filter-item{
    height: 36px;
    font-size: .266rem;
    flex: 1;
  }
  .filter-arrow{
    width: 8px;
    height: 8px;
    border-width: 1px;
  }
  .filter-dropdown{
    top: 36px;
  }
  .filter-search form .input input{
    padding-left: 15px;
    min-height: 42px;
  }
  .filter-search .label .btn{
    width: 42px;
  }
  .filter-search .label .btn i{
    font-size: .38rem;
  }

  ._pageNewsList ._item {
    align-items: flex-start;
    flex-flow: column;
  }

  ._pageNewsList ._item ._pic {
    margin-bottom: .2rem;
    width: 100%;
  }

  ._pageNewsList ._item ._pic img {
    height: 66vw;
  }

  ._pageNewsList ._item ._text {
    width: 100%;
  }

  ._pageNewsList ._item ._text ._date {
    font-size: .24rem;
  }

  ._pageNewsList ._item ._text ._title {
    font-size: .3rem;
  }

  ._pageNewsList ._item ._text ._desc {
    font-size: .24rem;
    height: 0.84rem;
  }

  ._pageNewsList ._item .news_more {
    display: none;
  }

  ._pageNewsDel ._cnt {
    flex-flow: column;
  }

  ._pageNewsDel ._info {
    width: 100%;
  }

  ._pageNewsDel ._info ._top ._title {
    font-size: 22px;
  }

  ._pageNewsDel ._info ._top ._line {
    font-size: 13px;
  }

  ._pageNewsDel ._info ._contin {
    font-size: 14px;
  }

  ._pageNewsDel ._sell {
    width: 100%;
  }

  ._pageNewsDel ._sell::before {
    display: none;
  }

  ._pageNewsDel ._sell ._cont {
    padding-left: 0;
  }

  ._pageNewsDel ._sell ._list {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
  }

  ._pageNewsDel ._sell ._list ._item {
    width: calc(50% - 5px);
  }

  ._pageNewsDel ._sell ._list ._item ._txt ._name {
    font-size: 14px;
  }

  ._pageNewsDel ._sell ._list ._item ._txt ._desc,
  ._pageNewsDel ._sell ._list ._item ._txt ._more {
    display: none;
  }

  ._pagePvnBtn {
    font-size: 13px;
  }

  ._jobOpenList {
    flex-flow: row wrap;
    gap: .3rem;
  }

  ._jobOpenList>div {
    padding-bottom: .8rem;
    width: calc((100% - .3rem)/2);
    flex: auto;
  }

  ._jobOpenList .card-title {
    font-size: .3rem;
  }

  ._jobOpenList .card-desc {
    font-size: .24rem;
  }

  ._jobOpenList ._icon img {
    max-width: 56px;
  }

  .pageSpecialRecruitment {
    padding: 0.6rem 0;
  }

  ._recClassify {
    flex-flow: column;
    gap: .6rem;
  }

  ._recClassify ._partL {
    padding-right: 0;
  }

  ._recClassify ._tHead {
    font-size: .36rem;
  }

  ._recClassify ._cntList>div i {
    font-size: .56rem;
  }

  ._recClassify ._cntList>div ._title {
    font-size: .3rem;
  }

  ._recClassify ._cntList>div ._desc {
    font-size: .24rem;
  }

  ._recClassify ._partR {
    padding-left: 0;
  }

  .pageSpecialRecruitment::before,
  .pageSpecialRecruitment::after {
    width: 100%;
    height: 100%;
  }

  .pageSpecialRecruitment::after {
    top: auto;
    bottom: 0;
    display: none;
  }

  .pageJobBox {
    padding-top: .6rem;
    padding-bottom: .6rem;
  }

  .pageJobBox .indexTitle1 {
    margin-bottom: .3rem;
  }

  ._jobList {
    flex-flow: column;
  }

  ._jobList>div {
    padding: .4rem .5rem;
  }

  ._jobList ._tHead {
    flex-flow: column;
    align-items: flex-start;
    gap: .2rem;
  }

  ._jobList ._tHead ._title {
    font-size: .32rem;
  }

  ._jobList ._tHead ._txt {
    font-size: .24rem;
  }

  ._jobList ._info {
    max-height: unset;
    font-size: 13px;
    text-align: justify;
  }

  .pageBanner ._resList {
    margin-top: .6rem;
    margin-bottom: .6rem;
    height: calc(100% - 1.2rem);
  }

  .pageBanner ._resList .num01,
  .pageBanner ._resList .num02,
  .pageBanner ._resList .num03 {
    display: none;
  }

  .pageBanner ._resList .num02 {
    transform: scale(1.23);
  }

  .pageBanner ._resList .num03 {
    transform: scale(1.5);
  }

  .pageBanner ._resList ._item>img {
    max-height: 16px;
  }

  .pageBanner ._resList ._mobText {
    max-width: 100%;
  }

  ._introduceBox {
    flex-flow: column;
  }

  ._introduceBox ._introduce .desc,
  .pageCoreTechBox ._coreAni ._coreL .desc {
    font-size: .266rem;
  }

  ._introduceBox ._img {
    width: 100%;
  }

  .pageResearchBox ._list {
    flex-flow: column;
  }

  .pageResearchBox ._list>div span {
    font-size: .32rem;
  }

  .pageResearchBox ._list>div ._text ._sub {
    font-size: .266rem;
  }

  .pageResearchBox ._list>div ._text ._desc {
    font-size: .24rem;
  }

  ._coreTechList {
    flex-flow: column;
  }

  ._coreTechList ._item ._name {
    font-size: 12px;
  }

  ._coreTechList ._item ._title {
    font-size: .3rem;
  }

  ._coreTechList ._item ._desc {
    font-size: 12px;
  }

  .pageCoreProductBox ._coreProList ._item {
    flex-flow: column;
  }

  .pageCoreProductBox ._coreProList ._item ._left {
    width: 100%;
  }

  .pageCoreProductBox ._coreProList ._item ._tHd {
    font-size: .3rem;
  }

  ._proAdvList>div ._name {
    padding-left: .32rem;
    font-size: .28rem;
  }

  ._proAdvList>div ._advList p,
  ._proAdvList>div ._advList p::before {
    font-size: .266rem;
  }

  ._proAdvList>div ._advList p {
    padding-left: .6rem;
  }

  .pageCoreProductBox ._modelBox {
    width: 100%;
  }

  .pageCoreProductBox ._modelBox>img {
    display: none;
  }

  ._modelBox ._modelItem {
    margin-left: 0;
    flex: 1;
  }

  ._cycleBox {
    width: 4.2rem;
    height: 4.2rem;
  }

  ._appBox {
    margin-left: 0.8rem;
  }

  ._cycleBox ._module {
    font-size: 14px;
  }

  ._cycleName {
    width: auto;
    height: auto;
    font-size: 14px;
  }

  ._cycleBox ._module.module-agent {
    font-size: 14px;
  }

  ._envBox span {
    font-size: 14px;
  }

  ._fBox {
    font-size: .266rem;
  }

  ._appBox .app-item {
    height: 1.32rem;
  }

  ._appBox .app-item ._name {
    font-size: .3rem;
  }

  ._pageCaseList ._item {
    flex-flow: column-reverse;
    gap: .3rem;
  }

  ._pageCaseList ._item:nth-child(even) {
    flex-flow: column;
  }

  ._pageCaseList ._item ._pic {
    width: 100%;
  }

  ._pageCaseList ._item ._text ._title {
    font-size: .32rem;
  }

  ._pageCaseList ._item ._text ._desc {
    font-size: .24rem;
  }

  ._caseNum .item {
    padding: .15rem .25rem;
  }

  ._caseNum .item p {
    font-size: 12px;
  }

  ._caseAdvTitle {
    font-size: .3rem;
  }

  ._caseAdvList p,
  ._caseAdvList p::before {
    font-size: .266rem;
  }

  ._caseAdvList p {
    padding-left: .36rem;
  }

  ._coreFeaturesBox {
    gap: .2rem;
    flex-wrap: wrap;
  }

  ._coreFeaturesBox>div span {
    font-size: .28rem;
  }

  .pageCoreTechBox ._coreAni {
    flex-flow: column;
  }

  .pageCoreTechBox ._coreAni ._coreL {
    width: 100%;
  }

  .pageCoreTechBox ._coreAni ._coreTechModel {
    margin-top: .6rem;
  }

  ._coreAniList ._tagList ._item>div,
  ._coreAniList ._tagList2 ._item>div {
    font-size: 12px;
  }

  ._coreTechModel ._coreAniImg {
    margin-top: .8rem;
  }

  ._coreTechModel ._coreAniImg>div ._name {
    font-size: 13px;
  }

  ._coreAniList ._tagList ._item>div:nth-child(1) {
    left: 1%;
    top: 28%;
  }

  ._coreAniList ._tagList ._item>div:nth-child(2) {
    top: 52%;
  }

  ._coreAniList ._tagList ._item>div:nth-child(3) {
    top: 52%;
  }

  ._coreAniList ._tagList ._item>div:nth-child(4) {
    right: 1%;
    top: 30%;
  }

  ._coreAdvList2 ._item {
    width: auto;
    flex: 1;
  }

  .pageMemberBox {
    padding-top: .6rem;
    padding-bottom: .6rem;
  }

  .pageMemberBox ._mebBox {
    flex-wrap: wrap;
  }

  .pageMemberBox ._mebBox>div ._round {
    width: 1.6rem;
    height: 1.6rem;
  }

  .pageMemberBox ._mebBox>div ._round span {
    font-size: 12px;
  }

  .pageMemberBox ._memList>div {
    height: .62rem;
  }

  .pageCorpEcosystem {
    padding-top: .4rem;
    padding-bottom: .4rem;
  }

  .pageCorpEcosystem ._cnt {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
  }

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

  .pageCorpEcosystem ._cicrle {
    display: none;
  }

  ._coopBox {
    flex-flow: column;
    position: relative;
    left: auto;
    top: auto;
    gap: .2rem;
  }

  ._coopBox ._coopL,
  ._coopBox ._coopR {
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .2rem;
  }

  ._coopList {
    width: auto;
    flex-flow: row;
    gap: .2rem;
  }

  ._coopList ._item {
    width: auto;
    height: auto;
    flex: 1;
  }

  ._coopList ._item:nth-child(1),
  ._coopList ._item:nth-child(2),
  ._coopList ._item:nth-child(3),
  ._coopList ._item:nth-child(4),
  ._coopList ._item:nth-child(5),
  ._coopList.list03 ._item:nth-child(1),
  ._coopList.list03 ._item:nth-child(2),
  ._coopList.list03 ._item:nth-child(3),
  ._coopList.list03 ._item:nth-child(4),
  ._coopList.list03 ._item:nth-child(5) {
    margin-left: 0;
  }

  ._coopList ._item:nth-child(1)::before,
  ._coopList ._item:nth-child(2)::before,
  ._coopList ._item:nth-child(4)::before,
  ._coopList ._item:nth-child(5)::before,
  ._coopList.list03 ._item:nth-child(1)::before,
  ._coopList.list03 ._item:nth-child(2)::before,
  ._coopList.list03 ._item:nth-child(4)::before,
  ._coopList.list03 ._item:nth-child(5)::before {
    transform: none;
  }

  ._ecologyBox {
    display: none;
  }

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

  .innovationMain ._introduceBox ._introduce .slogan {
    font-size: .32rem;
  }

  .structuresBox {
    padding: 0;
    gap: .2rem;
  }

  .structuresBox ._list02>div {
    padding: .1rem .2rem;
    font-size: 12px;
  }

  .structuresBox ._pic {
    width: 62%;
  }

  ._partnershipBox {
    max-width: 100%;
  }

  ._partnershipBox ._tHd span {
    padding: .15rem .5rem;
    font-size: 16px;
  }

  ._partnerList {
    gap: .3rem;
  }

  ._partnerList>div {
    width: calc((100% - 1.2rem)/5);
  }

  ._partnerList02 {
    gap: .15rem;
  }

  ._partnerList02>div {
    width: calc((100% - 0.6rem)/5);
  }

  ._partnerList02>div img {
    max-width: 80%;
  }

  ._iCoopBox {
    flex-flow: column;
  }

  ._iCoopBox ._item ._title {
    font-size: 14px;
  }

  ._iCoopBox ._multiProject {
    flex-flow: row wrap;
  }

  ._iCoopBox ._multiProject>div {
    width: calc((100% - .24rem)/2);
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {

  .explicit ._info p,
  .explicit ._info span,
  .richText em {
    font-size: 14px !important;
  }

  .richText p,
  .richText span,
  .richText em {
    font-size: 14px !important;
  }

  .masterBtn1 {}

  #Hbanner .Hbanner_nav ._pvn span {
    width: 6px;
    height: 6px;
  }


  .footer ._menu>div {
    flex-wrap: wrap;
  }

  .footer ._menu>div ._item {
    width: 50%;
    margin-bottom: 0.6rem;
  }

  .footer ._top ._mail {
    display: none;
  }

  .footer ._top ._logo {
    margin-right: 0;
  }

  .footer .f-menu {
    display: none;
  }

  .footer .bootm_right {
    margin: 0 auto;
  }

  .bottom_code div {
    width: 32%;
  }

  /* .footer ._menu>div ._item:last-of-type{margin-bottom: 0;}
	.footer ._menu ._item ._a a{margin-bottom:8px;}
	.footer ._menu ._item ._b a{padding: 4px 0;} */
  .footer ._link ._list li {
    padding: 4px 0;
  }

  .footer ._keep {
    padding: 0.2rem 5%;
  }

  .pc-nav .language .language_item a {
    line-height: 0.6rem;
  }

  .pc-nav .language {
    width: 1.2rem;
  }

  .newsDel ._info {
    padding: 0.5rem 0.4rem;
  }

  .newsDel ._info ._contin img {
    max-width: 100%;
    width: 100%;
    height: auto !important;
  }

  .newsDel ._info ._skip ._back {
    display: none;
  }

  .newsDel ._info ._skip ._jump {
    padding-right: 0;
  }

  .footer ._code .item .follow {
    padding: 0.2rem 0.3rem;
  }
}