@charset "UTF-8";
@media screen and (min-width: 768px) {
  .main .h5-visible {
    display: none !important;
  }
  /* .main .mobile__banner { display: none; } */
  .main {
    margin: 0 auto; /* banner */ /* 轮播 */
  }
  .main .main__banner {
    width: 100vw;
    height: 42.708vw;
    padding-top: 14.479vw;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .main .main__banner img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.2s;
  }
  .main .main__banner h1 {
    font-size: 4.167vw;
    color: #ffffff;
    margin-bottom: 1vw;
    font-weight: bold;
  }
  .main .main__banner h1 span {
    font-size: 4.167vw;
    color: #00f6ff;
    font-weight: bold;
  }
  .main .main__banner h3 {
    margin-bottom: 1.6vw;
    font-size: 1.563vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 3.75vw;
    letter-spacing: 0vw;
    color: #ffffff;
  }
  .main .main__banner button {
    width: 15.625vw;
    height: 3.906vw;
    background-color: var(--main-color);
    outline: none;
    border: none;
    font-size: 1.354vw;
    color: #ffffff;
    cursor: pointer;
    border-radius: 1.953vw;
  }
  .main .main__carousel--banner {
    width: 75vw;
    height: 32.031vw;
    margin: 0 auto;
  }
  .main .main__carousel--banner .el-carousel .el-carousel__container {
    height: 32.031vw !important;
  }
  .main .main__carousel--banner img {
    width: 100%;
    height: 100%;
    display: block;
  }
  /* 技术突破边界，产品连接世界 */
  .main__product {
    text-align: center;
    padding-top: 3.6vw;
    padding-bottom: 6vw;
  }
  .main__product > h2 {
    font-size: 2.083vw;
    font-weight: bold;
    line-height: 1.916vw;
    color: #282828;
    margin-bottom: 1.7vw;
  }
  .main__product > h3 {
    font-size: 1.25vw;
    line-height: 1.916vw;
    color: #707070;
    margin-bottom: 3vw;
  }
  .main__product .main__product--quote {
    display: flex;
    flex-direction: row;
    width: 75vw;
    height: 25.781vw;
    margin: 0 auto;
  }
  .main__product .main__product--quote:hover .item {
    flex: calc(75vw / 4) 1 1 !important;
  }
  .main__product .main__product--quote:hover .item .quote {
    opacity: 0 !important;
    transition: 1s;
    transform: translateX(50%) !important;
  }
  .main__product .main__product--quote .item {
    position: relative;
    flex: calc(75vw / 4) 1 1;
    background-size: cover;
    overflow: hidden;
    transition: 1s;
    cursor: pointer;
    margin-right: 0.26vw;
  }
  .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__product .main__product--quote .item > h2:after {
    content: "";
    position: absolute;
    left: 2vw;
    bottom: -1vw;
    width: 2.804vw;
    height: 0.104vw;
    background-color: #ffffff;
  }
  .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__product .main__product--quote .item .quote p {
    position: relative;
    margin-bottom: 1vw;
    font-size: 1.146vw;
    color: #ffffff;
  }
  .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__product .main__product--quote .item:nth-child(1) .quote {
    opacity: 1;
    transform: translateX(0);
  }
  .main__product .main__product--quote .item:nth-child(2) {
    background-image: url("../images/home/pic_two_2_2.png");
    background-position: 60% 8%;
  }
  .main__product .main__product--quote .item:nth-child(3) {
    background-image: url("../images/home/pic_two_3_2.png");
    background-position: 52% 8%;
  }
  .main__product .main__product--quote .item:last-child {
    margin-right: 0;
  }
  .main__product .main__product--quote .item:hover {
    flex-basis: 40% !important;
  }
  .main__product .main__product--quote .item:hover .quote {
    opacity: 1 !important;
    transform: translateX(0) !important;
  }
  .main__product .main__product--more {
    text-align: center;
    margin-top: 4vw;
  }
  .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 {
    text-align: center;
    width: 100vw;
    height: 47vw;
    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: 2.3vw 1.171vw 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 18.75vw;
    height: 27.904vw;
    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: 2px;
    background-color: #ffffff;
    margin-bottom: 1.3vw;
    z-index: 10;
  }
  .main
    .main__advantage
    .main__advantage--content
    .content__up
    .content__up--item
    .item-content
    p {
    font-size: 1.146vw;
    line-height: 1.916vw;
    letter-spacing: 0vw;
    color: #ffffff;
    margin-bottom: 1.4vw;
  }
  /* 出海难题 */
  .main__question {
    box-sizing: border-box;
    padding: 5.104vw 14.938vw;
    text-align: center;
  }
  .main__question > h2 {
    font-size: 2.083vw;
    font-weight: bold;
    line-height: 1.916vw;
    letter-spacing: 0vw;
    color: #282828;
    margin-bottom: 1.25vw;
  }
  .main__question > h3 {
    font-size: 1.25vw;
    line-height: 1.916vw;
    letter-spacing: 0vw;
    color: #707070;
  }
  .main__question .main__question--content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6.14vw;
    position: relative;
    box-sizing: border-box;
  }
  .main__question .main__question--content .question__item--img {
    width: 24.479vw;
    height: 24.479vw;
  }
  .main__question .main__question--content .question__item {
    text-align: left;
    width: 20vw;
  }
  .main__question .main__question--content .question__item div {
    font-size: 1.563vw;
    line-height: 1.916vw;
    letter-spacing: 0vw;
    color: #3f75ff;
    border-bottom: 2px solid #d7d7d7;
    font-weight: bold;
    padding-bottom: 0.83vw;
    margin-bottom: 0.83vw;
  }
  .main__question .main__question--content .question__item p {
    font-size: 1.146vw;
    line-height: 1.563vw;
    letter-spacing: 0vw;
    color: #707070;
  }
  .main__question .main__question--content .item-one {
    position: absolute;
    top: 1vw;
    left: 2vw;
    text-align: right;
  }
  .main__question .main__question--content .item-one div {
    color: #3f75ff;
  }
  .main__question .main__question--content .item-two {
    position: absolute;
    bottom: 1vw;
    left: 2vw;
    text-align: right;
  }
  .main__question .main__question--content .item-two div {
    color: #ff7a32;
  }
  .main__question .main__question--content .item-three {
    position: absolute;
    top: 1vw;
    right: 2vw;
  }
  .main__question .main__question--content .item-three div {
    color: #13bd82;
  }
  .main__question .main__question--content .item-four {
    position: absolute;
    bottom: 1vw;
    right: 2vw;
  }
  .main__question .main__question--content .item-four div {
    color: #e8af01;
  }
  /* 成功故事 */
  .main__story {
    box-sizing: border-box;
    padding: 5.104vw 0;
    text-align: center;
    width: 100vw;
    height: 52vw;
    background-color: #f7f7f7;
  }
  .main__story > h2 {
    font-size: 2.083vw;
    font-weight: bold;
    line-height: 1.916vw;
    letter-spacing: 0vw;
    color: #282828;
    margin-bottom: 1.25vw;
  }
  .main__story > h3 {
    font-size: 1.25vw;
    line-height: 1.916vw;
    letter-spacing: 0vw;
    color: #707070;
  }
  .main__story .main__story--content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.823vw;
  }
  .main__story .main__story--content .item-brand {
    width: 49.219vw;
    height: 30.208vw;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 0vw 1.042vw 1.042vw 0vw;
    padding: 4.115vw 2.396vw 4.063vw 10.417vw;
  }
  .main__story .main__story--content .item-brand .item-brand--header {
    display: flex;
    align-items: center;
    margin-bottom: 2.24vw;
  }
  .main__story .main__story--content .item-brand .item-brand--header img {
    width: 4.427vw;
    height: 4.427vw;
    display: block;
    margin-right: 0.983vw;
  }
  .main__story .main__story--content .item-brand .item-brand--header div {
    text-align: left;
  }
  .main__story .main__story--content .item-brand .item-brand--header div h4 {
    font-size: 1.25vw;
    line-height: 1.916vw;
    letter-spacing: 0vw;
    font-weight: bold;
    color: #282828;
  }
  .main__story .main__story--content .item-brand .item-brand--header div p {
    font-size: 0.938vw;
    letter-spacing: 0vw;
    color: #7e7e7e;
  }
  .main__story .main__story--content .item-brand .item-brand--content {
    text-align: left;
    border-bottom: 2px dashed #d7d7d7;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--content
    .item-desc {
    margin-bottom: 1.1927vw;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--content
    .item-desc
    div {
    font-size: 1.25vw;
    line-height: 2.916vw;
    color: #3f75ff;
    font-weight: bold;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--content
    .item-desc
    p {
    font-size: 0.938vw;
    color: #282828;
  }
  .main__story .main__story--content .item-brand .item-brand--footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 2.6vw;
    box-sizing: border-box;
  }
  .main__story .main__story--content .item-brand .item-brand--footer .item-num {
    text-align: center;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--footer
    .item-num.num-one {
    color: #2b6fee;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--footer
    .item-num.num-two {
    color: #ff7a00;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--footer
    .item-num.num-three {
    color: #13b981;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--footer
    .item-num
    div {
    font-size: 1.875vw;
    line-height: 1.916vw;
    font-weight: bold;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--footer
    .item-num
    div
    span {
    font-size: 1.25vw;
    line-height: 1.916vw;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--footer
    .item-num
    p {
    font-size: 0.938vw;
    line-height: 1.916vw;
    color: #282828;
  }
  .main__story .main__story--content .item-game {
    width: 49.219vw;
    height: 30.208vw;
    box-sizing: border-box;
    background-color: #ffffff;
    margin-left: 1.56vw;
    border-radius: 1.042vw 0vw 0vw 1.042vw;
    padding: 4.115vw 10.99vw 4.063vw 1.823vw;
  }
  .main__story .main__story--content .item-game .item-game--header {
    display: flex;
    align-items: center;
    margin-bottom: 2.24vw;
  }
  .main__story .main__story--content .item-game .item-game--header img {
    width: 4.427vw;
    height: 4.427vw;
    display: block;
    margin-right: 0.983vw;
  }
  .main__story .main__story--content .item-game .item-game--header div {
    text-align: left;
  }
  .main__story .main__story--content .item-game .item-game--header div h4 {
    font-size: 1.25vw;
    line-height: 1.916vw;
    letter-spacing: 0vw;
    font-weight: bold;
    color: #282828;
  }
  .main__story .main__story--content .item-game .item-game--header div p {
    font-size: 0.938vw;
    letter-spacing: 0vw;
    color: #7e7e7e;
  }
  .main__story .main__story--content .item-game .item-game--content {
    text-align: left;
    border-bottom: 2px dashed #d7d7d7;
  }
  .main__story .main__story--content .item-game .item-game--content .item-desc {
    margin-bottom: 1.1927vw;
  }
  .main__story
    .main__story--content
    .item-game
    .item-game--content
    .item-desc
    div {
    font-size: 1.25vw;
    line-height: 2.916vw;
    color: #00b477;
    font-weight: bold;
  }
  .main__story
    .main__story--content
    .item-game
    .item-game--content
    .item-desc
    p {
    font-size: 0.938vw;
    color: #282828;
  }
  .main__story .main__story--content .item-game .item-game--footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 2.6vw;
    box-sizing: border-box;
  }
  .main__story .main__story--content .item-game .item-game--footer .item-num {
    text-align: center;
  }
  .main__story
    .main__story--content
    .item-game
    .item-game--footer
    .item-num.num-one {
    color: #2b6fee;
  }
  .main__story
    .main__story--content
    .item-game
    .item-game--footer
    .item-num.num-two {
    color: #ff7a00;
  }
  .main__story
    .main__story--content
    .item-game
    .item-game--footer
    .item-num.num-three {
    color: #13b981;
  }
  .main__story
    .main__story--content
    .item-game
    .item-game--footer
    .item-num
    div {
    font-size: 1.875vw;
    line-height: 1.916vw;
    font-weight: bold;
  }
  .main__story
    .main__story--content
    .item-game
    .item-game--footer
    .item-num
    div
    span {
    font-size: 1.25vw;
    line-height: 1.916vw;
  }
  .main__story .main__story--content .item-game .item-game--footer .item-num p {
    font-size: 0.938vw;
    line-height: 1.916vw;
    color: #282828;
  }
  .main__story .main__story--btn {
    width: 13.542vw;
    height: 3.385vw;
    background-color: var(--main-color);
    border-radius: 1.693vw;
    margin: 3.2vw auto 0;
    border: none;
    outline: none;
    font-size: 1.042vw;
    line-height: 1.916vw;
    color: #ffffff;
  }
  .main .main__cooperate {
    box-sizing: border-box;
    padding: 5.104vw 10.938vw;
    text-align: center;
  }
  .main .main__cooperate > h2 {
    font-weight: bold;
    font-size: 2.083vw;
    line-height: 1.916vw;
    color: #282828;
    margin-bottom: 1.771vw;
  }
  .main .main__cooperate h3 {
    font-size: 1.25vw;
    line-height: 1.916vw;
    color: #707070;
    margin-bottom: 5.4vw;
  }
  .main .main__cooperate .main__cooperate--list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 78.281vw;
    margin: 0 auto;
  }
  .main .main__cooperate .main__cooperate--list img {
    width: 11.979vw;
    height: 5.729vw;
    background-color: #ffffff;
    box-shadow: 0.26vw 0.453vw 0.521vw 0vw rgba(186, 186, 186, 0.1);
    border-radius: 0.521vw;
    border: solid 0.052vw #eeeeee;
    margin-right: 1vw;
    margin-bottom: 2.083vw;
    display: block;
    transition: all 0.3s;
  }
  .main .main__cooperate .main__cooperate--list img:hover {
    transform: scale(1.05);
  }
  .main .main__cooperate .main__cooperate--list img:nth-child(6n) {
    margin-right: 0;
  }
  .main .main__news {
    text-align: center;
    padding-bottom: 5.208vw;
  }
  .main .main__news > h2 {
    font-weight: bold;
    font-size: 2.083vw;
    line-height: 1.916vw;
    color: #282828;
    margin-bottom: 1.771vw;
  }
  .main .main__news > h3 {
    font-size: 1.25vw;
    line-height: 1.916vw;
    color: #707070;
    margin-bottom: 5vw;
  }
  .main .main__news .main__news--list {
    width: 81.51vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .main .main__news .main__news--list .news__item {
    position: relative;
    width: 19.01vw;
    height: 22.615vw;
    background-color: #f4f4f4;
    box-sizing: border-box;
    padding: 1.25vw 1.4vw 1vw;
    text-align: left;
    cursor: pointer;
  }
  .main .main__news .main__news--list .news__item a {
    width: 100%;
    height: 100%;
    display: inline-block;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }
  .main .main__news .main__news--list .news__item:hover {
    background-color: #eff6ff;
  }
  .main .main__news .main__news--list .news__item:hover .news__item--title,
  .main .main__news .main__news--list .news__item:hover .news__item--date,
  .main .main__news .main__news--list .news__item:hover .news__item--more {
    color: var(--main-color);
  }
  .main .main__news .main__news--list .news__item:hover .news__item--img img {
    transform: scale(1.05);
  }
  .main .main__news .main__news--list .news__item:hover .news__item--border {
    width: 100%;
  }
  .main .main__news .main__news--list .news__item .news__item--border {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    background-color: var(--main-color);
    height: 0.2vw;
    transition: all 0.6s;
  }
  .main .main__news .main__news--list .news__item .news__item--title {
    font-size: 1vw;
    min-height: 3vw;
    font-weight: bold;
    line-height: 1.563vw;
    color: #282828;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1vw;
  }
  .main .main__news .main__news--list .news__item .news__item--date {
    font-size: 0.833vw;
    line-height: 2.1vw;
    color: #828282;
  }
  .main .main__news .main__news--list .news__item .news__item--img {
    overflow: hidden;
    width: 100%;
    height: 12.135vw;
  }
  .main .main__news .main__news--list .news__item .news__item--img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    object-fit: cover;
  }
  .main .main__news .main__news--list .news__item .news__item--more {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    font-size: 0.729vw;
    line-height: 1.916vw;
    color: #828282;
    margin-top: auto;
  }
  .main .main__news .main__news--list .news__item .news__item--more img {
    width: 1.042vw;
    height: 1.042vw;
  }
  .main .main__news > a > button {
    width: 13.542vw;
    height: 3.385vw;
    border-radius: 1.693vw;
    margin-top: 2vw;
    background-color: var(--main-color);
    border: none;
    outline: none;
    font-size: 1.042vw;
    line-height: 1.916vw;
    color: #ffffff;
    cursor: pointer;
  }
  .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 {
    width: 100vw;
  }
  .main .pc-visible {
    display: none !important;
  }
  .main {
    /* 轮播 */
  }
  .main .main__banner {
    position: relative;
    z-index: 1;
    width: 100vw;
    height: 179.2vw;
    box-sizing: border-box;
    padding-top: 53.333vw;
    text-align: center;
    margin-bottom: 13.2vw;
  }
  .main .main__banner h1 {
    font-weight: bold;
    font-size: 11vw;
    color: #ffffff;
    box-sizing: border-box;
    padding: 0 2vw;
    margin-bottom: 7.8vw;
  }
  .main .main__banner h3 {
    /*  font-weight: bold; font-size: 7vw; box-sizing: border-box; padding: 0 2vw; color: #ffffff; margin-bottom: 17.867vw; */
    font-size: 5.333vw;
    line-height: 8vw;
    color: #ffffff;
    margin-bottom: 11.333vw;
    box-sizing: border-box;
    padding: 0 3vw;
  }
  .main .main__banner button {
    width: 46.133vw;
    height: 12vw;
    background-color: var(--main-color);
    border-radius: 0.667vw;
    outline: none;
    border: none;
    font-size: 4.792vw;
    line-height: 4.904vw;
    color: #ffffff;
  }
  .main .main__carousel--banner {
    width: 100vw;
    height: 179.2vw;
    margin-bottom: 13.2vw;
  }
  .main .main__carousel--banner .el-carousel .el-carousel__container {
    height: 179.2vw !important;
  }
  .main .main__carousel--banner img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .main .main__product {
    text-align: center;
    margin-bottom: 13.467vw;
  }
  .main .main__product > h2 {
    font-weight: bold;
    font-size: 6vw;
    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-bottom: 13.333vw;
  }
  .main .main__advantage > h2 {
    font-weight: bold;
    font-size: 6.667vw;
    color: #282828;
    margin-bottom: 4.8vw;
    line-height: 8.4vw;
  }
  .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: 46vw;
    height: 72vw;
    background-color: var(--main-color);
    border: solid 0.133vw #ffffff;
    margin: 0 2vw 2vw 0;
    box-sizing: border-box;
    padding: 5.467vw 2vw 0;
  }
  .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: 6vw;
  }
  .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__question {
    box-sizing: border-box;
    text-align: center;
    padding: 0 3vw 10.6vw;
  }
  .main__question h2 {
    font-weight: bold;
    font-size: 6.667vw;
    color: #282828;
    margin-bottom: 3.867vw;
  }
  .main__question h3 {
    font-size: 4vw;
    color: #707070;
    margin-bottom: 13.333vw;
    color: #707070;
    line-height: 6.4vw;
  }
  .main__question .main__question--content {
    display: flex;
    flex-direction: column;
    margin-top: 6.14vw;
    position: relative;
    box-sizing: border-box;
    text-align: left;
    padding: 0 4vw;
  }
  .main__question .main__question--content .question__item--img {
    width: 72vw;
    height: 72vw;
    display: block;
    margin: 0 auto 10vw;
  }
  .main__question .main__question--content .question__item {
    margin-bottom: 8vw;
  }
  .main__question .main__question--content .question__item div {
    font-size: 4.3vw;
    color: #3f75ff;
    border-bottom: 2px solid #d7d7d7;
    font-weight: bold;
    padding-bottom: 2vw;
    margin-bottom: 2vw;
  }
  .main__question .main__question--content .question__item p {
    font-size: 3.4vw;
    color: #707070;
    line-height: 4.904vw;
  }
  .main__question .main__question--content .item-one div {
    color: #3f75ff;
  }
  .main__question .main__question--content .item-two div {
    color: #ff7a32;
  }
  .main__question .main__question--content .item-three div {
    color: #13bd82;
  }
  .main__question .main__question--content .item-four div {
    color: #e8af01;
  }
  /*企业出海成功故事*/
  .main__story {
    width: 100vw;
    box-sizing: border-box;
    padding: 13vw 3vw;
    text-align: center;
    background-color: #f7f7f7;
  }
  .main__story > h2 {
    font-weight: bold;
    font-size: 6.667vw;
    color: #282828;
    line-height: 1.916vw;
    margin-bottom: 4.867vw;
  }
  .main__story > h3 {
    font-size: 4vw;
    color: #707070;
    margin-bottom: 4vw;
    color: #707070;
    line-height: 6.4vw;
  }
  .main__story .main__story--content {
    display: flex;
    flex-direction: column;
    margin: 1.823vw auto;
  }
  .main__story .main__story--content .item-brand {
    width: 93vw;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 2vw;
    padding: 6.063vw 3.52vw 10.063vw;
    margin-bottom: 6vw;
  }
  .main__story .main__story--content .item-brand .item-brand--header {
    display: flex;
    align-items: center;
    margin-bottom: 4.24vw;
  }
  .main__story .main__story--content .item-brand .item-brand--header img {
    width: 12vw;
    height: 12vw;
    display: block;
    margin-right: 3vw;
  }
  .main__story .main__story--content .item-brand .item-brand--header div {
    text-align: left;
  }
  .main__story .main__story--content .item-brand .item-brand--header div h4 {
    font-size: 4.3vw;
    line-height: 6.5vw;
    letter-spacing: 0vw;
    font-weight: bold;
    color: #282828;
  }
  .main__story .main__story--content .item-brand .item-brand--header div p {
    font-size: 3.4vw;
    line-height: 5vw;
    letter-spacing: 0vw;
    color: #7e7e7e;
  }
  .main__story .main__story--content .item-brand .item-brand--content {
    text-align: left;
    border-bottom: 2px dashed #d7d7d7;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--content
    .item-desc {
    margin-bottom: 5.1927vw;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--content
    .item-desc
    div {
    font-size: 4.3vw;
    line-height: 6.5vw;
    color: #3f75ff;
    font-weight: bold;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--content
    .item-desc
    p {
    font-size: 3.4vw;
    line-height: 5vw;
    color: #282828;
  }
  .main__story .main__story--content .item-brand .item-brand--footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 6.6vw;
    box-sizing: border-box;
  }
  .main__story .main__story--content .item-brand .item-brand--footer .item-num {
    text-align: center;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--footer
    .item-num.num-one {
    color: #2b6fee;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--footer
    .item-num.num-two {
    color: #ff7a00;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--footer
    .item-num.num-three {
    color: #13b981;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--footer
    .item-num
    div {
    font-size: 5.5vw;
    line-height: 8.6vw;
    font-weight: bold;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--footer
    .item-num
    div
    span {
    font-size: 3.125vw;
    line-height: 3vw;
  }
  .main__story
    .main__story--content
    .item-brand
    .item-brand--footer
    .item-num
    p {
    font-size: 3.2vw;
    line-height: 3vw;
    color: #282828;
  }
  .main__story .main__story--content .item-game {
    width: 93vw;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 2vw;
    padding: 6.063vw 3.52vw 10.063vw;
    margin-bottom: 6vw;
  }
  .main__story .main__story--content .item-game .item-game--header {
    display: flex;
    align-items: center;
    margin-bottom: 4.24vw;
  }
  .main__story .main__story--content .item-game .item-game--header img {
    width: 12vw;
    height: 12vw;
    display: block;
    margin-right: 3vw;
  }
  .main__story .main__story--content .item-game .item-game--header div {
    text-align: left;
  }
  .main__story .main__story--content .item-game .item-game--header div h4 {
    font-size: 4.3vw;
    line-height: 6.5vw;
    letter-spacing: 0vw;
    font-weight: bold;
    color: #282828;
  }
  .main__story .main__story--content .item-game .item-game--header div p {
    font-size: 3.4vw;
    line-height: 5vw;
    letter-spacing: 0vw;
    color: #7e7e7e;
  }
  .main__story .main__story--content .item-game .item-game--content {
    text-align: left;
    border-bottom: 2px dashed #d7d7d7;
  }
  .main__story .main__story--content .item-game .item-game--content .item-desc {
    margin-bottom: 5.1927vw;
  }
  .main__story
    .main__story--content
    .item-game
    .item-game--content
    .item-desc
    div {
    font-size: 4.3vw;
    line-height: 6.5vw;
    color: #00b477;
    font-weight: bold;
  }
  .main__story
    .main__story--content
    .item-game
    .item-game--content
    .item-desc
    p {
    font-size: 3.4vw;
    line-height: 5vw;
    color: #282828;
  }
  .main__story .main__story--content .item-game .item-game--footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 2.6vw;
    box-sizing: border-box;
  }
  .main__story .main__story--content .item-game .item-game--footer .item-num {
    text-align: center;
  }
  .main__story
    .main__story--content
    .item-game
    .item-game--footer
    .item-num.num-one {
    color: #2b6fee;
  }
  .main__story
    .main__story--content
    .item-game
    .item-game--footer
    .item-num.num-two {
    color: #ff7a00;
  }
  .main__story
    .main__story--content
    .item-game
    .item-game--footer
    .item-num.num-three {
    color: #13b981;
  }
  .main__story
    .main__story--content
    .item-game
    .item-game--footer
    .item-num
    div {
    font-size: 5.5vw;
    line-height: 8.6vw;
    font-weight: bold;
  }
  .main__story
    .main__story--content
    .item-game
    .item-game--footer
    .item-num
    div
    span {
    font-size: 3.125vw;
    line-height: 3vw;
  }
  .main__story .main__story--content .item-game .item-game--footer .item-num p {
    font-size: 3.3vw;
    line-height: 3vw;
    color: #282828;
  }
  .main__story .main__story--btn {
    width: 41.333vw;
    height: 10.667vw;
    background-color: var(--main-color);
    border-radius: 1.333vw;
    margin: 1vw auto 0;
    border: none;
    outline: none;
    font-size: 4vw;
    line-height: 4.904vw;
    background-color: var(--main-color);
    color: #ffffff;
    border: none;
    outline: none;
    box-shadow: none;
  }
  /*我们合作的企业*/
  .main .main__cooperate {
    box-sizing: border-box;
    padding-top: 13.2vw;
    text-align: center;
    padding-bottom: 13.6vw;
  }
  .main .main__cooperate > h2 {
    font-weight: bold;
    font-size: 6.667vw;
    color: #282828;
    margin-bottom: 3.867vw;
  }
  .main .main__cooperate > h3 {
    font-size: 4vw;
    color: #707070;
    margin-bottom: 13.333vw;
  }
  .main .main__cooperate .main__cooperate--list {
    padding: 0 1.5vw;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  .main .main__cooperate .main__cooperate--list img {
    width: 30.5vw;
    height: 14.8vw;
    background-color: #ffffff;
    box-shadow: 0.667vw 1.16vw 1.333vw 0vw rgba(186, 186, 186, 0.1);
    border-radius: 1.333vw;
    border: solid 0.133vw #eeeeee;
    margin: 0 1.4vw 5.333vw 0;
  }
  .main .main__cooperate .main__cooperate--list img:nth-child(3n) {
    margin-right: 0;
  }
  .main .main__news {
    text-align: center;
    margin-bottom: 13.467vw;
  }
  .main .main__news > h2 {
    font-weight: bold;
    font-size: 6.667vw;
    color: #282828;
    margin-bottom: 4.8vw;
  }
  .main .main__news > h3 {
    font-size: 4vw;
    line-height: 6vw;
    color: #707070;
    padding: 0 4.1vw;
    box-sizing: border-box;
    margin-bottom: 13.467vw;
  }
  .main .main__news .main__news--list {
    width: 100vw;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .main .main__news .main__news--list .news__item {
    position: relative;
    width: 48.667vw;
    height: 60.667vw;
    background-color: #f4f4f4;
    box-sizing: border-box;
    padding: 3.2vw 3.3vw;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    cursor: pointer;
    margin-right: 2vw;
    margin-bottom: 4.1vw;
  }
  .main .main__news .main__news--list .news__item a {
    width: 100%;
    height: 100%;
    display: inline-block;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }
  .main .main__news .main__news--list .news__item:nth-child(2n) {
    margin-right: 0;
  }
  .main .main__news .main__news--list .news__item:hover {
    background-color: #eff6ff;
  }
  .main .main__news .main__news--list .news__item:hover .news__item--title,
  .main .main__news .main__news--list .news__item:hover .news__item--date,
  .main .main__news .main__news--list .news__item:hover .news__item--more {
    color: var(--main-color);
  }
  .main .main__news .main__news--list .news__item:hover .news__item--img img {
    transform: scale(1.05);
  }
  .main .main__news .main__news--list .news__item:hover .news__item--border {
    width: 100%;
  }
  .main .main__news .main__news--list .news__item .news__item--border {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    background-color: var(--main-color);
    height: 0.2vw;
    transition: all 0.6s;
  }
  .main .main__news .main__news--list .news__item .news__item--title {
    font-size: 3.2vw;
    font-weight: bold;
    line-height: 4vw;
    color: #282828;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3vw;
  }
  .main .main__news .main__news--list .news__item .news__item--date {
    font-size: 2.533vw;
    line-height: 6.904vw;
    color: #828282;
  }
  .main .main__news .main__news--list .news__item .news__item--img {
    overflow: hidden;
    width: 42vw;
    height: 31.067vw;
  }
  .main .main__news .main__news--list .news__item .news__item--img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    object-fit: cover;
  }
  .main .main__news .main__news--list .news__item .news__item--more {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    font-size: 3vw;
    line-height: 4.904vw;
    color: #828282;
    margin-top: auto;
  }
  .main .main__news .main__news--list .news__item .news__item--more img {
    width: 2.67vw;
    height: 2vw;
  }
  .main .main__news > a > button {
    width: 36vw;
    height: 10vw;
    background-color: var(--main-color);
    border-radius: 1.333vw;
    border: none;
    outline: none;
    font-size: 4vw;
    line-height: 4.904vw;
    color: #ffffff;
  }
  .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);
  }
}