@charset "UTF-8";
@media screen and (min-width: 768px) { .main__banner { width: 75vw; height: 32.031vw; margin: 0 auto; padding-top: 7.479vw; text-align: center; box-sizing: border-box; position: relative; z-index: 1; overflow: hidden; }
  .main__banner .bannerBg { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: -1; transition: all 0.2s; }
  .main__banner .bannerBgH5 { display: none; }
  .main__banner > h1 { font-size: 3.8vw; color: #ffffff; margin-bottom: 1vw; font-weight: bold; }
  .main__banner > h2 { font-size: 3vw; font-weight: bold; color: #00f6ff; margin: 2vw 0 1.5vw; }
  .main__banner > h3 { font-size: 1.4vw; line-height: 3.75vw; color: #ffffff; }
  .main__banner .h5 { display: none; }
  .h5 { display: none; }
  .pc { display: flex; flex-direction: column; padding: 5.208vw 14.948vw 7.708vw 14.323vw; }
  .pc .descInfo { display: flex; justify-content: space-between; }
  .pc .descInfo .infoBg { width: 32.813vw; height: 23.177vw; margin-right: 2.656vw; }
  .pc .descInfo .infoBox { padding: 0vw 0 1.979vw 0; }
  .pc .descInfo .infoBox .icon { width: 2.5vw; height: 2.031vw; margin-bottom: 1.719vw; }
  .pc .descInfo .infoBox .infoTitle { font-size: 1.875vw; font-weight: bold; color: #000000; }
  .pc .descInfo .infoBox .infoSub { font-size: 1.042vw; line-height: 1.516vw; font-weight: normal; color: var(--main-color); margin: 1.5vw 0 2.056vw 0; }
  .pc .descInfo .infoBox p { font-size: 1vw; line-height: 1.8vw; font-weight: normal; color: #02060b; margin-bottom: 1vw; }
  .pc .numBox { display: flex; justify-content: space-around; margin-top: 6.766vw; }
  .pc .numBox .top .num { display: flex; align-items: end; margin-bottom: 1vw; }
  .pc .numBox .top .num h2 { font-size: 3vw; font-weight: bold; color: #333333; margin-right: 0.6vw; }
  .pc .numBox .top .num .unit { display: flex; justify-content: center; align-items: center; padding: 0.35vw; background-color: var(--main-color); border-radius: 0.6vw; color: #fff; font-size: 0.833vw; margin-bottom: 0.3vw; }
  .pc .numBox .top span { font-size: 0.938vw; font-weight: normal; color: #333333; }
  .main .main__product { text-align: center; padding-top: 5.6vw; padding-bottom: 6vw; }
  .main .main__product > h2 { font-size: 2.083vw; font-weight: bold; line-height: 1.916vw; color: #282828; margin-bottom: 1.7vw; }
  .main .main__product > h3 { font-size: 1.25vw; line-height: 1.916vw; color: #707070; margin-bottom: 4.792vw; }
  .main .main__product .main__product--quote { display: flex; flex-direction: row; width: 79.271vw; height: 25.781vw; margin: 0 auto; }
  .main .main__product .main__product--quote:hover .item { flex: calc(79.271vw / 4) 1 1 !important; }
  .main .main__product .main__product--quote:hover .item .quote { opacity: 0 !important; transition: 1s; transform: translateX(50%) !important; }
  .main .main__product .main__product--quote .item { position: relative; flex: calc(79.271vw / 4) 1 1; background-size: cover; overflow: hidden; transition: 1s; cursor: pointer; margin-right: 0.26vw; }
  .main .main__product .main__product--quote .item > h2 { font-size: 1.25vw; line-height: 1.916vw; color: #ffffff; margin-top: 8.802vw; text-align: left; padding-left: 1.979vw; box-sizing: border-box; position: relative; }
  .main .main__product .main__product--quote .item > h2:after { content: ""; position: absolute; left: 2vw; bottom: -1vw; width: 2.804vw; height: 0.104vw; background-color: #ffffff; }
  .main .main__product .main__product--quote .item .quote { position: absolute; color: #fff; top: 13vw; left: 1.979vw; opacity: 0; transition: 1s; transform: translateX(50%); display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; }
  .main .main__product .main__product--quote .item .quote p { position: relative; margin-bottom: 1vw; font-size: 1.146vw; color: #ffffff; }
  .main .main__product .main__product--quote .item:nth-child(1) { background-image: url("../images/home/pic_two_1_2.png"); background-position: 72% 35%; flex-basis: 40%; }
  .main .main__product .main__product--quote .item:nth-child(1) .quote { opacity: 1; transform: translateX(0); }
  .main .main__product .main__product--quote .item:nth-child(2) { background-image: url("../images/home/pic_two_2_2.png"); background-position: 60% 8%; }
  .main .main__product .main__product--quote .item:nth-child(3) { background-image: url("../images/home/pic_two_3_2.png"); background-position: 52% 8%; }
  .main .main__product .main__product--quote .item:last-child { margin-right: 0; }
  .main .main__product .main__product--quote .item:hover { flex-basis: 40% !important; }
  .main .main__product .main__product--quote .item:hover .quote { opacity: 1 !important; transform: translateX(0) !important; }
  .main .main__product .main__product--more { text-align: center; margin-top: 4vw; }
  .main .main__product .main__product--more button { width: 13.542vw; height: 3.385vw; background-color: var(--main-color); border-radius: 1.693vw; font-size: 1.042vw; color: #ffffff; outline: none; border: none; }
  /** 优势资源 核心技术 **/
  .main .main__advantage { margin-top: 3vw; text-align: center; width: 100vw; height: 69vw; box-sizing: border-box; padding-top: 5.208vw; background: url("../images/home/biai_bg_1.png") no-repeat center top/contain; }
  .main .main__advantage > h2 { font-size: 2.083vw; line-height: 1.916vw; color: #ffffff; margin-bottom: 1.25vw; font-weight: bold; font-weight: bold; }
  .main .main__advantage > p { font-size: 1.25vw; line-height: 1.916vw; color: #ffffff; margin-bottom: 3.75vw; }
  .main .main__advantage .main__advantage--content { box-sizing: border-box; padding: 0 11.042vw; }
  .main .main__advantage .main__advantage--content .content__up { display: flex; justify-content: space-between; align-items: center; flex-direction: row; margin-bottom: 5.208vw; }
  .main .main__advantage .main__advantage--content .content__up .content__up--item { box-sizing: border-box; padding-top: 2.3vw; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; width: 18.75vw; height: 21.354vw; border: solid 0.052vw #ffffff; position: relative; background-color: rgba(0, 0, 0, 0.3); }
  .main .main__advantage .main__advantage--content .content__up .content__up--item:hover .item-title { color: var(--main-color); }
  .main .main__advantage .main__advantage--content .content__up .content__up--item .item-icon { width: 3.385vw; height: 3.385vw; display: block; margin-bottom: 1.5vw; }
  .main .main__advantage .main__advantage--content .content__up .content__up--item .item-title { font-size: 1.563vw; line-height: 1.916vw; color: #ffffff; font-weight: bold; margin-bottom: 2vw; font-weight: bold; }
  .main .main__advantage .main__advantage--content .content__up .content__up--item .item-line { width: 2.604vw; height: 0.104vw; background-color: #ffffff; margin-bottom: 1.3vw; }
  .main .main__advantage .main__advantage--content .content__up .content__up--item .item-content p { font-size: 1.146vw; line-height: 1.916vw; color: #ffffff; }
  .main .main__advantage .main__advantage--content .content__down { display: flex; justify-content: space-between; align-items: center; flex-direction: row; }
  .main .main__advantage .main__advantage--content .content__down .content__up--item { box-sizing: border-box; padding-top: 2.3vw; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; width: 18.75vw; height: 21.354vw; background-color: #ffffff; border: solid 0.052vw var(--main-color); position: relative; }
  .main .main__advantage .main__advantage--content .content__down .content__up--item:hover .item-title { color: var(--main-color); }
  .main .main__advantage .main__advantage--content .content__down .content__up--item .item-icon { width: 3.385vw; height: 3.385vw; display: block; margin-bottom: 1.5vw; }
  .main .main__advantage .main__advantage--content .content__down .content__up--item .item-title { font-size: 1.563vw; line-height: 1.916vw; color: #282828; font-weight: bold; margin-bottom: 2vw; font-weight: bold; }
  .main .main__advantage .main__advantage--content .content__down .content__up--item .item-line { width: 2.604vw; height: 0.104vw; background-color: var(--main-color); margin-bottom: 1.3vw; }
  .main .main__advantage .main__advantage--content .content__down .content__up--item .item-content p { font-size: 1.146vw; line-height: 1.916vw; color: #282828; }
  .main__descript { width: 100vw; height: 20.833vw; background-color: #006af5; position: relative; box-sizing: border-box; background: url("../images/common/biai_bg_2.png") 0 0/cover; display: flex; justify-content: center; flex-direction: column; align-items: center; }
  .main__descript > h2 { font-weight: bold; font-size: 2.5vw; line-height: 1.916vw; color: #ffffff; margin-bottom: 1.6vw; }
  .main__descript > h3 { font-size: 1.25vw; line-height: 1.916vw; color: #ffffff; width: 47vw; text-align: center; }
  .main__descript > button { background-color: var(--main-color); border-radius: 0.521vw; border: none; outline: none; font-size: 0.938vw; line-height: 1.916vw; color: #ffffff; cursor: pointer; width: 13.021vw; height: 3.646vw; background-color: #ffffff; border-radius: 1.823vw; font-size: 1.25vw; color: var(--main-color); margin-top: 2.34vw; }
  button.hoverBtn { transition: all 0.4s; }
  button.hoverBtn:hover { transform: scale(1.02); } }

@media screen and (max-width: 768px) { .main__banner { width: 100vw; height: 180.333vw; box-sizing: border-box; position: relative; z-index: 1; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 5.533vw; }
  .main__banner .bannerBgH5 { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: -1; }
  .main__banner .bannerBg { display: none; }
  .main__banner h1 { color: #ffffff; font-weight: bold; font-size: 13.333vw; font-weight: bold; font-stretch: normal; line-height: 12.843vw; }
  .main__banner > h2 { font-size: 7vw; font-weight: bold; color: #00f6ff; margin: 6vw 0 5vw; }
  .main__banner > h3 { font-size: 4.5vw; line-height: 7.75vw; color: #ffffff; text-align: center; }
  .main__banner .h5 { font-size: 5.333vw; line-height: 9.6vw; color: #ffffff; margin-bottom: 1.6vw; text-align: center; margin-top: 8.933vw; padding: 0; }
  .pc { display: none; }
  .h5 { display: flex; flex-direction: column; padding: 7.6vw 5.067vw 13.333vw 4.4vw; }
  .h5 .descInfo { display: flex; justify-content: center; flex-direction: column; }
  .h5 .descInfo .infoBg { height: 59.333vw; margin-top: -2.956vw; }
  .h5 .descInfo .infoBox { padding: 0vw 0 1.979vw 0; }
  .h5 .descInfo .infoBox .icon { width: 6.4vw; height: 5.2vw; margin-bottom: 4vw; }
  .h5 .descInfo .infoBox .infoTitle { font-size: 6.667vw; font-weight: normal; font-stretch: normal; line-height: 6.4vw; color: #000000; }
  .h5 .descInfo .infoBox .infoSub { font-size: 4.8vw; font-weight: normal; font-stretch: normal; line-height: 6.4vw; color: var(--main-color); margin: 2.667vw 0 6.933vw 0; }
  .h5 .descInfo .infoBox p { font-size: 3.867vw; line-height: 6.4vw; font-weight: normal; color: #02060b; margin-bottom: 8.267vw; }
  .h5 .numBox { width: 72%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 0 auto; }
  .h5 .numBox .top { margin-bottom: 11.6vw; }
  .h5 .numBox .top .num { display: flex; align-items: end; margin-bottom: 1vw; }
  .h5 .numBox .top .num h2 { font-size: 10vw; font-weight: bold; color: #333333; margin-right: 1.467vw; }
  .h5 .numBox .top .num .unit { display: flex; justify-content: center; align-items: center; padding: 1.333vw; background-color: var(--main-color); border-radius: 1.333vw; color: #fff; font-size: 3.2vw; margin-bottom: 0.3vw; }
  .h5 .numBox .top span { font-size: 3.2vw; font-weight: normal; color: #333333; }
  /* ai驱动 */
  .main .main__product { text-align: center; margin-bottom: 13.467vw; }
  .main .main__product > h2 { font-weight: bold; font-size: 6.667vw; color: #282828; margin-bottom: 3.8767vw; }
  .main .main__product > h3 { font-size: 4vw; color: #707070; margin-bottom: 13.2vw; line-height: 8vw; box-sizing: border-box; padding: 0 3vw; }
  .main .main__product .main__product--quote { display: flex; justify-content: flex-start; align-items: center; flex-direction: column; }
  .main .main__product .main__product--quote .item { width: 92.667vw; height: 66vw; margin-bottom: 2.133vw; box-sizing: border-box; padding-top: 22.533vw; padding-left: 6.87vw; text-align: left; position: relative; }
  .main .main__product .main__product--quote .item:nth-child(1) { background: url("../images/home/pic_two_1_2.png") no-repeat center center/cover; }
  .main .main__product .main__product--quote .item:nth-child(2) { background: url("../images/home/pic_two_2_2.png") no-repeat center center/cover; background-position: 60% 8%; }
  .main .main__product .main__product--quote .item:nth-child(3) { background: url("../images/home/pic_two_3_2.png") no-repeat center center/cover; background-position: 52% 8%; }
  .main .main__product .main__product--quote .item:nth-child(4) { background: url("../images/home/pic_two_4_2.png") no-repeat center center/cover; background-position: 45% 8%; }
  .main .main__product .main__product--quote .item > h2 { font-weight: bold; font-size: 4.2vw; color: #ffffff; position: relative; }
  .main .main__product .main__product--quote .item > h2:after { content: ""; position: absolute; left: 0vw; bottom: -5vw; width: 7.667vw; height: 0.267vw; background-color: #ffffff; }
  .main .main__product .main__product--quote .item .quote { position: absolute; color: #fff; top: 34vw; left: 6.6vw; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; }
  .main .main__product .main__product--quote .item .quote p { position: relative; font-size: 3.2vw; line-height: 5.4vw; color: #ffffff; }
  .main .main__product .main__product--more { margin-top: 6vw; }
  .main .main__product .main__product--more .hoverBtn { border-radius: 1.333vw; width: 41.333vw; height: 10.667vw; font-size: 4vw; line-height: 4.904vw; background-color: var(--main-color); color: #ffffff; border: none; outline: none; box-shadow: none; }
  .main .main__advantage { text-align: center; box-sizing: border-box; padding: 0 3vw; margin: 13.333vw 0; }
  .main .main__advantage > h2 { font-weight: bold; font-size: 6.667vw; color: #282828; margin-bottom: 4.8vw; }
  .main .main__advantage > p { font-size: 4vw; line-height: 6.4vw; color: #707070; margin-bottom: 7.733vw; }
  .main .main__advantage .main__advantage--content .content__up { display: flex; justify-content: flex-start; align-items: center; flex-direction: row; flex-wrap: wrap; }
  .main .main__advantage .main__advantage--content .content__up .content__up--item { width: 45vw; height: 54.667vw; background-color: var(--main-color); border: solid 0.133vw #ffffff; margin: 0 2vw 2vw 0; box-sizing: border-box; padding-top: 5.467vw; }
  .main .main__advantage .main__advantage--content .content__up .content__up--item:nth-child(2n) { margin-right: 0; }
  .main .main__advantage .main__advantage--content .content__up .content__up--item .item-icon { width: 8vw; height: 8vw; margin-bottom: 4.4vw; }
  .main .main__advantage .main__advantage--content .content__up .content__up--item .item-title { font-weight: bold; font-size: 4vw; line-height: 4.904vw; color: #fefeff; margin-bottom: 5.06vw; }
  .main .main__advantage .main__advantage--content .content__up .content__up--item .item-line { display: inline-block; width: 6.667vw; height: 0.267vw; background-color: #ffffff; margin-bottom: 3.467vw; }
  .main .main__advantage .main__advantage--content .content__up .content__up--item .item-content p { font-size: 3.033vw; color: #ffffff; line-height: 5vw; }
  .main .main__advantage .main__advantage--content .content__down { display: flex; justify-content: flex-start; align-items: center; flex-direction: row; flex-wrap: wrap; }
  .main .main__advantage .main__advantage--content .content__down .content__up--item { width: 45vw; height: 54.667vw; background-color: #ffffff; border: solid 0.133vw var(--main-color); margin: 0 2vw 2vw 0; box-sizing: border-box; padding-top: 5.467vw; }
  .main .main__advantage .main__advantage--content .content__down .content__up--item:nth-child(2n) { margin-right: 0; }
  .main .main__advantage .main__advantage--content .content__down .content__up--item .item-icon { width: 8vw; height: 8vw; margin-bottom: 4.4vw; }
  .main .main__advantage .main__advantage--content .content__down .content__up--item .item-title { font-weight: bold; font-size: 4vw; line-height: 4.904vw; color: #282828; margin-bottom: 5.06vw; }
  .main .main__advantage .main__advantage--content .content__down .content__up--item .item-line { display: inline-block; width: 6.667vw; height: 0.267vw; background-color: var(--main-color); margin-bottom: 3.467vw; }
  .main .main__advantage .main__advantage--content .content__down .content__up--item .item-content p { font-size: 3.033vw; color: #282828; line-height: 5vw; }
  .main .main__descript { width: 100vw; height: 61.733vw; text-align: center; box-sizing: border-box; padding: 7.167vw 3.4vw; background-color: #006af5; position: relative; box-sizing: border-box; background: url("../images/common/biai_bg_2.png") 0 0/cover; display: flex; justify-content: center; flex-direction: column; align-items: center; }
  .main .main__descript > h2 { font-weight: bold; font-size: 6vw; line-height: 8vw; color: #ffffff; margin-bottom: 4.6vw; }
  .main .main__descript > h3 { font-size: 3.7vw; line-height: 4.8vw; color: #ffffff; margin-bottom: 6.8vw; }
  .main .main__descript > button { width: 36vw; height: 10vw; background-color: #ffffff; border-radius: 1.333vw; border: none; outline: none; font-size: 4vw; line-height: 4.904vw; color: var(--main-color); } }