/* 通用样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* 全局样式 */
body {
  background-color: var(--Grayblue_13);
  color: #333;
}
/* 链接样式 */
a {
  /* color: #007BFF; */
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/* 容器样式 */
header {
  color: var(--Grayblue_13);
}
header nav ul {
  display: flex;
  list-style: none;
  justify-content: space-around;
}
header nav ul li a {
  color: var(--Grayblue_13);
  padding: 5px 10px;
}
.ai-section__subtitle {
  font-size: 36px;
  height: 48px;
  line-height: 42px;
  padding-bottom: 6px;
  color: var(--Primayblue_03);
  font-weight: 700;
}
.ai-section__details {
  font-size: 22px;
  color: var(--Grayblue_01);
  margin: 15px 0 24px;
  padding-bottom: 3px;
  line-height: 26px;
}
.ai-section_item__image {
  width: 100%;
  height: 100%;
}
/* 可复用的布局类 */
.container {
  width: 1320px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.ai-header {
  height: 732px;
  background: radial-gradient(#a1a9f4, #415aeb 76%);
  position: relative;
  display: flex;
}
.ai-header .ai-header__logo {
  position: absolute;
  left: 39px;
  top: 29px;
  display: flex;
  align-items: center;
}
.ai-header .ai-header__logo span {
  width: 1px;
  height: 24px;
  background: rgba(255, 255, 255, 0.5);
  margin: 0 18px;
}
.ai-header .ai-header__logo img {
  cursor: pointer;
  height: 29px;
}
.ai-header .ai-header__left {
  margin: 127px 0 111px 226px;
  z-index: 2;
}
.ai-header .ai-header__right {
  width: 1075px;
  height: 705px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(https://piccachex.cnki.net/xai-welcome/img/header-right-bg.7fd2abf3ff60df6664b6.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ai-header .ai-header__right .ai-header__right-imgs {
  position: relative;
}
.ai-header .ai-header__right .ai-header__right-imgs div {
  position: absolute;
}
.ai-header .ai-header__right .ai-header__right-imgs .imgs1 {
  width: 332px;
  height: 237px;
  top: 343px;
  right: 226px;
  z-index: 2;
  background-image: url(https://piccachex.cnki.net/xai-welcome/img/xy.40366e74c8dc4b200ebb.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ai-header .ai-header__right .ai-header__right-imgs .imgs2 {
  width: 305px;
  height: 304px;
  top: 140px;
  right: 249px;
  z-index: 2;
  background-image: url(https://piccachex.cnki.net/xai-welcome/img/jqr.985a81b851910faf5155.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  animation: upDown2 4.5s infinite ease-in-out;
}
@keyframes upDown2 {
  0%,
  100% {
    transform: translateY(0);
    /* 初始位置 */
  }
  50% {
    transform: translateY(-20px);
    /* 向上移动 20px */
  }
}
.ai-header .ai-header__right .ai-header__right-imgs .imgs3 {
  width: 489px;
  height: 444px;
  top: 105px;
  right: 163px;
  z-index: 2;
  background-image: url(https://piccachex.cnki.net/xai-welcome/img/fdj.2cb2077afba6ca7df561.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  animation: upDown3 4s infinite ease-in-out;
}
@keyframes upDown3 {
  0%,
  100% {
    transform: translateY(0);
    /* 初始位置 */
  }
  50% {
    transform: translateY(-20px);
    /* 向上移动 20px */
  }
}
.ai-header .ai-header__right .ai-header__right-imgs .imgs4 {
  width: 690px;
  height: 246px;
  top: 360px;
  right: 97px;
  z-index: 3;
  background-image: url(https://piccachex.cnki.net/xai-welcome/img/qhx.477e26e9b73c20506197.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  animation: upDown4 3.5s infinite ease-in-out;
}
.ai-header .ai-header__right .ai-header__right-imgs .imgs5 {
  width: 690px;
  height: 246px;
  top: 299px;
  right: 97px;
  background-image: url(https://piccachex.cnki.net/xai-welcome/img/hhx.bc7340c9aba2935a097f.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  animation: upDown4 3.5s infinite ease-in-out;
}
@keyframes upDown4 {
  0%,
  100% {
    transform: translateY(0);
    /* 初始位置 */
  }
  50% {
    transform: translateY(-20px);
    /* 向上移动 20px */
  }
}
.ai-header .ai-header__features {
  position: relative;
  width: 793px;
  border-radius: 20px;
  background: linear-gradient(90deg, rgba(45, 201, 246, 0.3), rgba(27, 66, 231, 0.5) 100%);
}
.ai-header .ai-header__features .ai-header__features-content {
  position: relative;
}
.ai-header .ai-header__features .ai-header__features-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  padding: 1px;
  /* 调整边框宽度 */
  background: linear-gradient(90deg, #ffffff 3%, #c392ff 15%, #20ffff 36%, #61ffff 75%, #ffffff 86%, #c392ff 100%);
  backdrop-filter: blur(25px);
  /* 背景模糊效果 */
  -webkit-mask-image: linear-gradient(red, red), linear-gradient(red, red);
  -webkit-mask-clip: content-box, padding-box;
  z-index: 2;
  /* 放在内容下面 */
  -webkit-mask-composite: destination-out;
}
.ai-header .ai-header__features ul {
  padding: 30px 0 30px 40px;
  position: relative;
  z-index: 3;
}
.ai-header .ai-header__feature {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
}
.ai-header .ai-header__feature:last-of-type {
  margin-bottom: 0;
}
.ai-header .ai-header__feature-name {
  display: inline-block;
  width: 115px;
  height: 36px;
  text-align: center;
  line-height: 34px;
  background: linear-gradient(71deg, #61ffff 0%, #ffffff 49%, #c392ff 100%);
  border: 1px solid var(--Grayblue_13);
  border-radius: 0px 30px 0px 30px;
  margin-right: 20px;
  color: #001584;
  box-sizing: border-box;
}
.ai-header .ai-header__feature-description {
  display: inline-flex;
  text-shadow: 0px 2px 4px #001b61;
  line-height: 21px;
  letter-spacing: 0.09px;
  font-weight: 500;
}
.ai-header .ai-header__btn {
  display: flex;
  justify-content: center;
  width: 793px;
}
.ai-header .ai-header__btn span {
  width: 197px;
  height: 63px;
  background: #ffd963;
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #192595;
  margin-top: 30px;
  line-height: 63px;
}
.ai-header .ai-header__btn:hover span {
  background-color: #fec616;
}
.ai-section {
  display: flex;
  flex-direction: column;
}
.ai-section .ai-section__title {
  font-size: 48px;
  text-align: center;
  color: #1e232e;
  line-height: 52px;
  margin-top: 80px;
}
.ai-section .ai-section__title1 {
  margin: 100px 0 24px;
  font-size: 44px;
  min-width: 1025px;
}
.ai-section--video {
  padding: 150px 0 130px;
  /* 鼠标悬停时的效果 */
  /* 视频全屏时适配 */
  background-image: url(https://piccachex.cnki.net/xai-welcome/img/page-bg1.5c51ca296e62a04d21aa.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ai-section--video .container {
  align-items: center;
  width: 1200px;
}
.ai-section--video .ai-video {
  background: linear-gradient(131deg, #435beb 0%, #d169d2 21%, #4148db 40%, #57d0c2 58%, #6f5ff1 75%, #1a98f1 100%);
  border-radius: 20px;
  width: 1200px;
  height: 679px;
  padding: 5px;
}
.ai-section--video .custom-video {
  border-radius: 20px;
  /* 背景色 */
  /* 去掉聚焦时的轮廓 */
  cursor: pointer;
  /* 鼠标样式 */
}
.ai-section--video :fullscreen .custom-video {
  width: 100%;
  height: auto;
}
.ai-navigation {
  width: 1025px;
  margin: 0 auto;
  margin-bottom: 100px;
}
.ai-navigation .ai-navigation__list {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 64px;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid var(--Grayblue_13);
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px rgba(30, 35, 46, 0.16);
  padding: 0 80px;
}
.ai-navigation .ai-section__title {
  margin-bottom: 24px;
  width: 1025px;
  height: 58px;
  font-size: 44px;
}
.ai-navigation .ai-navigation__item {
  color: #323a4d;
  font-size: 18px;
  cursor: pointer;
  flex: 1;
  text-align: center;
  margin-right: 101px;
  line-height: 64px;
  position: relative;
}
.ai-navigation .ai-navigation__item:hover {
  color: var(--Primayblue_03);
}
.ai-navigation .ai-navigation__item:last-of-type {
  margin-right: 0;
}
.ai-navigation .ai-navigation__item.cur {
  color: var(--Primayblue_03);
  font-weight: 700;
}
.ai-navigation .ai-navigation__item.cur::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  background-color: var(--Primayblue_03);
}
.ai-section--navigation-position {
  position: sticky;
  top: 0;
  z-index: 5;
  background: #ffffff;
}
.ai-section--resources .ai-section__title,
.ai-section--reading .ai-section__title,
.ai-section--creation .ai-section__title,
.ai-section--sync .ai-section__title {
  margin-bottom: 65px;
  line-height: 56px;
  height: 63px;
}
.ai-section--resources .ai-section__title span,
.ai-section--reading .ai-section__title span,
.ai-section--creation .ai-section__title span,
.ai-section--sync .ai-section__title span {
  position: relative;
  z-index: 3;
}
.ai-section--resources .ai-section__title span i,
.ai-section--reading .ai-section__title span i,
.ai-section--creation .ai-section__title span i,
.ai-section--sync .ai-section__title span i {
  position: absolute;
  left: 0;
  top: -10px;
  transform: translate(-50%, 0);
  width: 50px;
  height: 50px;
  background: linear-gradient(180deg, #888ef5, rgba(172, 220, 241, 0.79) 52%, rgba(187, 214, 239, 0) 100%);
  border-radius: 50%;
  z-index: 1;
}
.ai-section--resources .ai-section__subtitle,
.ai-section--reading .ai-section__subtitle,
.ai-section--creation .ai-section__subtitle,
.ai-section--sync .ai-section__subtitle {
  position: relative;
}
.ai-section--resources .ai-section__subtitle i,
.ai-section--reading .ai-section__subtitle i,
.ai-section--creation .ai-section__subtitle i,
.ai-section--sync .ai-section__subtitle i {
  position: absolute;
  left: 0;
  top: -40px;
  font-size: 80px;
  color: var(--Primayblue_07);
  line-height: 94px;
  height: 120px;
  font-style: normal;
}
.ai-section--resources .ai-section__subtitle span,
.ai-section--reading .ai-section__subtitle span,
.ai-section--creation .ai-section__subtitle span,
.ai-section--sync .ai-section__subtitle span {
  z-index: 3;
  position: absolute;
}
.ai-section__image {
  width: 1320px;
  height: 600px;
  margin-bottom: 129px;
}
.ai-section__image .ai-feature-list {
  display: flex;
  flex-direction: row;
}
.ai-section__image .ai-feature-list .ai-feature-item {
  width: 638px;
}
.ai-section__image .ai-feature-list .ai-feature-item .ai-feature-item__title {
  display: inline-flex;
  align-items: flex-end;
  font-size: 18px;
  color: var(--Primayblue_03);
  font-weight: 700;
  width: 100%;
  padding-left: 24px;
  height: 40px;
  background: linear-gradient(180deg, #d7e3ff, #ffffff 100%);
  box-shadow: 3px 9px 17px 0px rgba(61, 62, 117, 0.08);
  box-sizing: border-box;
  border-radius: 8px 8px 0 0;
}
.ai-section__image .ai-feature-list .ai-feature-item .ai-feature-item__image {
  padding: 24px;
  background: var(--Grayblue_13);
  box-shadow: 3px 9px 17px 0px rgba(61, 62, 117, 0.08);
  border-radius: 0 0 8px 8px;
}
.ai-section__image .ai-feature-list .ai-feature-item .ai-feature-item__image img {
  width: 590px;
  height: 440px;
  border: 1px solid #b8cdff;
  border-radius: 8px;
  display: block;
}
.ai-section__image .ai-feature-list .ai-feature-item:nth-of-type(1) {
  margin-right: 44px;
}
.ai-section--reading .ai-section__title,
.ai-section--sync .ai-section__title {
  background-color: #e5edff;
  margin: 0;
  padding-bottom: 65px;
  height: 203px;
  padding-top: 80px;
}
.ai-section--reading .ai-section__content,
.ai-section--sync .ai-section__content {
  background: linear-gradient(180deg, #e5edff, #ffffff 100%);
}
.ai-section--reading .ai-section__content .ai-section__subtitle i,
.ai-section--sync .ai-section__content .ai-section__subtitle i {
  color: var(--Primayblue_06);
}
.ai-section--reading .ai-section__content .ai-section__details_list,
.ai-section--sync .ai-section__content .ai-section__details_list {
  margin: 24px 0 16px;
}
.ai-section--reading .ai-section__content .ai-section__details_list ul,
.ai-section--sync .ai-section__content .ai-section__details_list ul {
  display: flex;
  flex-direction: row;
}
.ai-section--reading .ai-section__content .ai-section__details_list ul li,
.ai-section--sync .ai-section__content .ai-section__details_list ul li {
  padding: 10px 20px;
  background: linear-gradient(0deg, #ffffff 0%, #e9f1f9);
  border-radius: 12px;
  box-shadow: 8px 1px 24px 0px rgba(20, 44, 96, 0.16);
  margin-right: 55px;
  font-size: 14px;
  color: #1e232e;
  height: 90px;
}
.ai-section--reading .ai-section__content .ai-section__details_list ul li:last-of-type,
.ai-section--sync .ai-section__content .ai-section__details_list ul li:last-of-type {
  margin-right: 0;
}
.ai-section--reading .ai-section__content .ai-section__details_list ul li p,
.ai-section--sync .ai-section__content .ai-section__details_list ul li p {
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 4px;
}
.ai-section--reading .ai-section__content .ai-section__details_list ul li span,
.ai-section--sync .ai-section__content .ai-section__details_list ul li span {
  width: 232px;
  line-height: 22px;
  display: inline-block;
}
.ai-section--sync .ai-section__title {
  height: 163px;
}
.ai-section--sync .ai-section__details_text {
  text-align: center;
  font-size: 18px;
  line-height: 21px;
}
.ai-section--sync .ai-section__image {
  margin-bottom: 80px;
}
.ai-palform {
  margin: 77px 0;
}
.ai-palform .container {
  align-items: center;
}
.ai-palform .container .platform-down {
  display: flex;
  flex-direction: row;
}
.ai-palform .container .platform-down .platform-li {
  width: 220px;
  height: 220px;
  position: relative;
  border-radius: 20px;
  box-sizing: border-box;
  transition: 0.3s;
  padding: 26px;
}
.ai-palform .container .platform-down .platform-li:hover .code-box {
  opacity: 1;
}
.ai-palform .container .platform-down .platform-li .item-top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 16px;
  text-align: center;
}
.ai-palform .container .platform-down .platform-li .item-top .platform-text {
  font-size: 20px;
  line-height: 16px;
  margin: 17.5px 0 12px;
  font-weight: 700;
  color: var(--Grayblue_03);
  width: 161px;
}
.ai-palform .container .platform-down .platform-li .item-top .c-gray {
  font-size: 14px;
  color: var(--Grayblue_07);
  white-space: nowrap;
  line-height: 13px;
}
.ai-palform .container .platform-down .platform-li .item-top img {
  border: none;
  outline: 0;
}
.ai-palform .container .platform-down .platform-li .item-top img .platform-text {
  font-size: 20px;
  line-height: 16px;
  margin: 17.5px 0 12px;
  font-weight: 700;
  color: var(--Grayblue_03);
  width: 161px;
}
.ai-palform .container .platform-down .platform-li .item-top img .c-gray {
  font-size: 14px;
  color: var(--Grayblue_07);
  white-space: nowrap;
  line-height: 13px;
}
.ai-palform .container .platform-down .platform-li .item-tip {
  margin-top: 19px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
}
.ai-palform .container .platform-down .platform-li .code-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 6px 8px 8px;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--Grayblue_13);
  box-shadow: 0px 0px 20px 0px rgba(70, 102, 150, 0.2);
  transition: 0.3s;
  border-radius: 20px;
}
.ai-palform .container .platform-down .platform-li .code-box p {
  font-size: 12px;
  color: var(--Grayblue_09);
  margin-top: 2px;
}
.ai-palform .container .platform-down .platform-li .code-box p.code-shaw-title {
  font-size: 20px;
  color: var(--Grayblue_03);
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 12px;
}
.ai-palform .container .platform-down .platform-li .code-box .code-shaw__instruction {
  display: inline-flex;
  align-items: center;
}
.ai-palform .container .platform-down .platform-li .code-box .code-shaw__instruction .code-shaw__app-name {
  color: var(--Primayblue_03);
  margin-top: 0;
}
.ai-palform .container .platform-down .platform-li .code-box img {
  width: 100px;
  object-fit: contain;
}
.ai-palform .container .platform-down .platform-li .code-box .fc_02 {
  font-size: 14px;
  color: var(--Grayblue_02);
}
.ai-palform .container .platform-down .platform-li .code-box .btn-down {
  min-width: 180px;
  margin-top: 10px;
}
.ai-palform .container .platform-down .platform-li .code-box span {
  display: block;
  margin-top: 8px;
  color: #282e3e;
  font-size: 14px;
}
.ai-palform .container .platform-down .platform-li .code-box .down-other-box {
  margin-top: 22px;
}
.ai-palform .container .platform-down .platform-li .code-box .down-other-box .down-item {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-top: 2px;
}
.ai-palform .container .platform-down .platform-li .code-box .down-other-box .down-item span {
  display: block;
  margin: 0;
  color: var(--Grayblue_02);
  line-height: 1;
}
.ai-palform .container .platform-down .platform-li .code-box .down-other-box .down-item a {
  color: var(--Primayblue_03);
  text-decoration: underline;
}
.ai-palform .container .platform-down .platform-li .code-box .down-other-box .down-item a:hover {
  color: var(--Primayblue_02);
}
.ai-palform .container .platform-down .btn-linear {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  box-sizing: border-box;
  font-size: 16px;
  background: -webkit-gradient(linear, right top, left top, from(#2872ff), to(#784afc));
  background: linear-gradient(270deg, #2872ff, #784afc);
  color: var(--Grayblue_13);
  border-radius: 6px;
}
.ai-footer {
  background-image: url(https://piccachex.cnki.net/xai-welcome/img/foot-bg.a8d3706e78051b1649bd.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 780px;
}
.ai-footer .ai-footer_content {
  min-width: 1320px;
  display: flex;
  justify-content: center;
}
.ai-footer .ai-footer__left {
  display: flex;
  flex-direction: column;
  padding-top: 153px;
  margin-right: 550px;
}
.ai-footer .ai-footer__brand {
  display: flex;
}
.ai-footer .ai-footer__brand .ai-footer__icon {
  width: 68px;
  height: 55px;
  background-image: url(https://piccachex.cnki.net/xai-welcome/img/ai-logo.35dee7358ab403b68f9f.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ai-footer .ai-footer__brand .ai-footer__title {
  font-size: 58px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: 0.12px;
  margin: 0 16px 0 14px;
  background: linear-gradient(264deg, #1ebeff 0%, #3d53fd 69%);
  -webkit-background-clip: text;
  /* 背景裁剪到文字 */
  -webkit-text-fill-color: transparent;
  /* 文字填充透明色 */
}
.ai-footer .ai-footer__badge {
  display: flex;
  flex-direction: column;
}
.ai-footer .ai-footer__badge .ai-footer__badge-icon {
  background-image: url(https://piccachex.cnki.net/xai-welcome/img/ai-icon-small.87af821ab79a56d93214.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 70px;
  height: 46px;
}
.ai-footer .ai-footer__badge .ai-footer__badge-text {
  width: 43px;
  height: 13px;
  font-size: 17px;
  font-weight: 700;
  color: #f58a33;
  line-height: 13px;
}
.ai-footer .ai-footer__slogan {
  margin: 20px 0 34px;
  color: var(--Grayblue_04);
  line-height: 23px;
  font-size: 20px;
}
.ai-footer .ai-footer__feature-item {
  font-size: 22px;
  font-weight: 700;
  line-height: 35px;
  letter-spacing: 0.02px;
  margin-right: 35px;
  background: linear-gradient(279deg, #2a57fa 0%, #24b0ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-footer .ai-footer__feature-item:last-of-type {
  margin-right: 0;
}
.ai-footer .ai-footer__resources {
  margin: 43px 0 10px;
}
.ai-footer .ai-footer__resources .ai-footer__resource-highlight {
  font-size: 36px;
}
.ai-footer .ai-footer__personal,
.ai-footer .ai-footer__resources {
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.02px;
  color: var(--Grayblue_03);
}
.ai-footer .ai-footer__button {
  width: 196px;
  padding: 14px 0;
  background: linear-gradient(270deg, #2872ff 0%, #784afc 100%);
  border-radius: 8px;
  box-shadow: 0px 5px 24px 0px rgba(15, 45, 111, 0.3);
  margin-top: 40px;
  font-size: 24px;
  color: var(--Grayblue_13);
  text-align: center;
  line-height: 29px;
  cursor: pointer;
}
.btn-linear:hover,
.ai-footer__button:hover {
  background: linear-gradient(180deg, #6c73ff 0%, #4b78fe 62%, #367bfd 100%) !important;
}
/* 响应式设计 */
@media (max-width: 1880px) {
  .ai-header .ai-header__left {
    margin: 127px 0 111px 56px;
  }
}
@media (max-width: 1580px) {
  .ai-header {
    min-width: 1366px;
  }
  .ai-header .ai-header__right {
    width: 736px;
    height: 674px;
    right: 0;
    background-image: url(https://piccachex.cnki.net/xai-welcome/img/header-right-bg1366.c050a6205989e9bf3c7f.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .ai-header .ai-header__right .ai-header__right-imgs .imgs1 {
    width: 247px;
    height: 181px;
    top: 369px;
    right: 84px;
    background-image: url(https://piccachex.cnki.net/xai-welcome/img/xy1366.b2517cdf71f5242761c5.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .ai-header .ai-header__right .ai-header__right-imgs .imgs2 {
    width: 241px;
    height: 242px;
    top: 213px;
    right: 102px;
    background-image: url(https://piccachex.cnki.net/xai-welcome/img/jqr1366.259c3226ed1a3b149025.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .ai-header .ai-header__right .ai-header__right-imgs .imgs3 {
    width: 375px;
    height: 341px;
    top: 134px;
    right: 34px;
    background-image: url(https://piccachex.cnki.net/xai-welcome/img/fdj1366.d2adfdb9a7327a63cb33.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .ai-header .ai-header__right .ai-header__right-imgs .imgs4 {
    width: 517px;
    height: 190px;
    top: 374px;
    right: 0px;
    background-image: url(https://piccachex.cnki.net/xai-welcome/img/qhx1366.d946fc909e7e35454936.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .ai-header .ai-header__right .ai-header__right-imgs .imgs5 {
    width: 517px;
    height: 190px;
    top: 335px;
    right: 0px;
    background-image: url(https://piccachex.cnki.net/xai-welcome/img/hhx1366.7825ab4e539598efdd79.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1580px) and (max-width: 1680px) {
  .ai-header .ai-header__right {
    right: -64px;
  }
}
@media (min-width: 1980px) {
  .ai-header {
    justify-content: center;
  }
  .ai-header .ai-header__right {
    position: unset;
  }
}