@charset "UTF-8";
@media screen and (min-width: 768px) { button { outline: none; border: none; color: #ffffff; cursor: pointer; }
  .main { /* 首页大图 */ /* 专注的产品 用心的服务 */ /* 优势资源 核心技术 */ display: flex; flex-direction: column; align-items: center; box-sizing: border-box; overflow-x: hidden; }
  .main .main__banner { width: 75vw; height: 32.031vw; background: url("../images/overseasService/banner_sea_1.jpg") no-repeat center/cover; padding-top: 8vw; text-align: center; box-sizing: border-box; }
  .main .main__banner h1 { font-size: 3.5vw; color: #ffffff; margin-bottom: 1.7vw; font-weight: bold; font-weight: bold; }
  .main .main__banner h2 { font-size: 1.7vw; color: #ffffff; margin-bottom: 1.6vw; }
  .main .main__banner .mian-plan { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; box-sizing: border-box; padding-left: 9vw; margin-top: 3.52vw; }
  .main .main__banner .mian-plan .mian-plan__btn { width: 13.021vw; height: 3.385vw; background-color: var(--main-color); border-radius: 0.26vw; outline: none; border: none; font-size: 1.25vw; color: #ffffff; cursor: pointer; }
  .main .main__banner .mian-plan .user { font-size: 0.6vw; font-weight: normal; font-stretch: normal; line-height: 2.5vw; letter-spacing: 0vw; color: #ffffff; margin-top: 1.1vw; }
  .main .main__banner .mian-plan .user .user__num { font-size: 2vw; font-weight: bold; letter-spacing: 0vw; margin: 0 0.1vw; color: #ffffff; letter-spacing: 0.15vw; }
  .main .main__banner .mian-plan .mian-plan__fun { display: flex; font-size: 0.938vw; color: #ffffff; margin-top: 2.2vw; }
  .main .function { width: 68.438vw; display: flex; flex-direction: column; align-items: center; justify-content: center; }
  .main .function .function-item { margin-top: 5vw; width: 55.469vw; position: relative; }
  .main .function .function-top--h5 { display: none; }
  .main .function .function-right { margin-top: 5vw; /* margin-left: 12.865vw; */ width: 55.469vw; position: relative; }
  .main .function .function-item .function-top .function-title { display: flex; align-items: flex-end; }
  .main .function .function-item .function-top .function-title .function-title__name { font-weight: bold; font-size: 2.5vw; color: #000000; letter-spacing: 0.15vw; }
  .main .function .function-item .function-top .function-title .function-title__desc { font-size: 0.9vw; color: #797979; margin-left: 0.833vw; letter-spacing: 0.15vw; }
  .main .function .function-item .function__subtitle { font-size: 1.1vw; color: #000000; margin-top: 1.5vw; letter-spacing: 0.15vw; }
  .main .function .function-item .function__more { width: 9.115vw; height: 2.344vw; background-color: var(--main-color); border-radius: 1.172vw; font-size: 1.042vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #ffffff; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 2.865vw; }
  .main .function .function-item .details { width: 55.469vw; height: 28.646vw; background-color: #000000; text-align: center; box-sizing: border-box; margin-top: 2.5vw; }
  .main .function .function-item .details-001 { background: url("../images/overseasService/pic_sea_1.jpg") no-repeat center/cover; }
  .main .function .function-item .details-002 { background: url("../images/overseasService/pic_sea_2.jpg") no-repeat center/cover; }
  .main .function .function-item .details-003 { background: url("../images/overseasService/pic_sea_3.jpg") no-repeat center/cover; }
  .main .function .function-item .details-004 { background: url("../images/overseasService/pic_sea_4.jpg") no-repeat center/cover; }
  .main .function .function-item .details .details-shooting { position: absolute; left: 2.188vw; bottom: 2.656vw; display: flex; flex-direction: column; align-items: flex-start; }
  .main .function .function-item .details .details-operations { position: absolute; right: 1.719vw; bottom: 3.656vw; display: flex; flex-direction: column; align-items: flex-end; }
  .main .function .function-item .details .simple { height: 2.604vw; padding: 0 1.8vw; background-color: #ffffff; border-radius: 1.302vw; font-weight: bold; font-size: 1vw; color: #282828; }
  .main .function .function-item .details .theme { height: 2.604vw; padding: 0 1.8vw; background-color: var(--main-color); border-radius: 1.302vw; font-weight: bold; font-size: 1vw; color: #ffffff; }
  .main .function .function-item .details .black { height: 2.604vw; padding: 0 1.8vw; background-color: #000000; border-radius: 1.302vw; font-weight: bold; font-size: 1vw; color: #ffffff; }
  .main .function .function-item .details .width14 { width: 14vw; padding: 0; box-sizing: border-box; padding-left: 1.563vw; display: flex; align-items: center; }
  .main .function .function-item .details .public-relations { bottom: 7.369vw; left: 3.845vw; }
  .main .function .function-item .details .margin-b-10 { margin-bottom: 1.198vw; }
  .main .function .function-item .details .details-shooting-item { width: 25vw; padding: 0; padding-left: 1.5vw; display: flex; align-items: center; justify-content: flex-start; }
  .main .function .function-item .details .details-shooting-item .details-shooting-item__title { font-weight: bold; font-size: 1vw; color: #ffffff; }
  .main .function .function-item .details .details-shooting-item .details-shooting-item__content { font-size: 1vw; font-weight: normal; letter-spacing: 0vw; color: #ffffff; }
  .main .function .function-item .details .details-shooting-item .color282828 { color: #282828; }
  .main .function .function-item .details .margin-r-10 { margin-right: 1.198vw; }
  .main .function .function-item .details .flex-row { display: flex; align-items: center; }
  .main .services-wrap { width: 100%; background-color: #e3e3e3; margin-top: 5.208vw; height: 54.688vw; display: flex; align-items: center; justify-content: center; }
  .main .services { width: 68.438vw; }
  .main .services .services__title { font-weight: bold; font-size: 2.5vw; color: #000000; margin-bottom: 2.292vw; margin-top: 3.594vw; }
  .main .services .services-list { display: flex; flex-wrap: wrap; }
  .main .services .services-list .services-list-item { display: flex; flex-direction: column; margin-bottom: 3.5vw; }
  .main .services .services-list .services-list-item:nth-child(2n + 1) { margin-right: 3.38vw; }
  .main .services .services-list .services-list-item .services-list-item__pic { width: 32.5vw; height: 13.802vw; }
  .main .services .services-list .services-list-item .services-list-item__title { font-weight: bold; font-size: 1.354vw; color: #000000; margin-top: 1.68vw; }
  .main .services .services-list .services-list-item .services-list-item__subtitle { font-size: 0.938vw; color: #000000; margin-top: 0.8vw; }
  .main .brand-value { width: 100vw; height: 53.083vw; position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; }
  .main .brand-value::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("../images/overseasService/brand_bg_1.jpg") no-repeat center/cover; opacity: 0.8; z-index: -1; }
  .main .brand-value .brand-value__title { flex-shrink: 0; box-sizing: border-box; padding-top: 5.208vw; font-weight: bold; font-size: 2.5vw; color: #000000; height: 7.709vw; }
  .main .brand-value .plan { width: 68.5vw; flex-grow: 1; box-sizing: border-box; position: relative; }
  .main .brand-value .plan .plan-left-top { position: absolute; left: 0; top: 5.5vw; }
  .main .brand-value .plan .plan-right-top { position: absolute; right: 0; top: 5.5vw; }
  .main .brand-value .plan .plan-left-bottom { position: absolute; left: 0; bottom: 6.302vw; }
  .main .brand-value .plan .plan-right-bottom { position: absolute; right: 0; bottom: 6.302vw; }
  .main .brand-value .plan .plan-item { display: flex; flex-direction: column; }
  .main .brand-value .plan .plan-item .plan-item-title { display: flex; align-items: flex-end; }
  .main .brand-value .plan .plan-item .plan-item-title .plan-item-title__no { font-weight: bold; font-size: 3.125vw; color: var(--main-color); }
  .main .brand-value .plan .plan-item .plan-item-title .plan-item-title__name { font-weight: bold; font-size: 1.875vw; color: #282828; margin-left: 0.8vw; padding-bottom: 0.2vw; }
  .main .brand-value .plan .plan-item .content { display: flex; flex-direction: column; align-items: flex-start; font-size: 1.25vw; line-height: 2.3vw; color: #282828; margin-top: 1.1vw; }
  .main .brand-value .plan .plan-item .content--right { align-items: flex-end; }
  .main .brand-value .plan .plan__center-pic { width: 15.104vw; height: 15.104vw; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .main .case { width: 100vw; background-color: #f1f1f1; text-align: center; box-sizing: border-box; /* padding: 5.156vw 10.417vw 5.208vw; */ }
  .main .case > h2 { font-weight: bold; font-size: 2.083vw; height: 10vw; color: #282828; display: flex; align-items: center; justify-content: center; }
  .main .case > p { font-size: 1.25vw; line-height: 1.916vw; color: #707070; margin-bottom: 4.948vw; }
  .main .case .case-box { background-color: #ffffff; display: flex; justify-content: space-between; padding: 5.1vw 10.417vw; }
  .main .case .case-box .serve__menu { width: 16.146vw; flex: 1; background-color: var(--main-color); padding: 4.167vw 0; box-sizing: border-box; }
  .main .case .case-box .serve__menu .serve__menu--item { font-size: 1.25vw; line-height: 1.916vw; width: 100%; height: 3.646vw; color: #ffffff; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: row; }
  .main .case .case-box .serve__menu .serve__menu--item.active { background-color: #fff; font-size: 1.25vw; line-height: 1.916vw; color: #282828; font-weight: bold; }
  .main .case .case-box .serve__menu--content { flex: 1; box-sizing: border-box; padding: 3.8vw 2.656vw 2.8vw 3.549vw; text-align: left; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row; }
  .main .case .case-box .serve__menu--content .content-desc { width: 35.49vw; margin-right: 3vw; }
  .main .case .case-box .serve__menu--content .content-desc > div { margin-bottom: 2vw; }
  .main .case .case-box .serve__menu--content .content-desc > div > h2 { font-weight: bold; font-size: 1.042vw; line-height: 1.916vw; color: #282828; }
  .main .case .case-box .serve__menu--content .content-desc > div > p { font-size: 0.938vw; line-height: 1.916vw; color: #282828; letter-spacing: 0.05vw; }
  .main .case .case-box .serve__menu--content .content-desc .content-desc__num { font-weight: bold; font-size: 1.1vw; }
  .main .case .case-box .serve__menu--content .content-desc > button { width: 13.021vw; height: 3.385vw; background-color: var(--main-color); border-radius: 0.26vw; display: flex; justify-content: center; align-items: center; flex-direction: row; font-size: 1.25vw; line-height: 1.916vw; color: #ffffff; border: none; cursor: pointer; margin: 0 auto; }
  .main .case .case-box .serve__menu--content .content-img img { width: 19.792vw; height: 34.583vw; border-radius: 0.8vw; background-color: #000000; }
  .main .case .case-box .serve__menu--content > button { display: none; } }

@media screen and (max-width: 768px) { button { outline: none; border: none; color: #ffffff; cursor: pointer; }
  /* banner内容 */
  .main { /* 首页大图 */ /* 专注的产品 用心的服务 */ /* 优势资源 核心技术 */ display: flex; flex-direction: column; align-items: center; box-sizing: border-box; overflow-x: hidden; }
  .main .main__banner { width: 100vw; height: 179.333vw; background: url("../images/overseasService/biai_h5_banner_4.jpg") no-repeat center/cover; padding-top: 59.33vw; text-align: center; box-sizing: border-box; }
  .main .main__banner h1 { font-size: 9.6vw; color: #ffffff; margin-bottom: 6vw; line-height: 11.6vw; font-weight: bold; padding: 0 3vw; }
  .main .main__banner h2 { font-size: 5.8vw; color: #ffffff; margin-bottom: 1.6vw; padding: 0 4vw; line-height: 8.6vw; }
  .main .main__banner .mian-plan { display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box; margin-top: 33.33vw; width: 100%; }
  .main .main__banner .mian-plan .mian-plan__btn { width: 46.133vw; height: 12vw; border-radius: 0.667vw; background-color: var(--main-color); border-radius: 0.26vw; outline: none; border: none; font-size: 4.792vw; color: #ffffff; cursor: pointer; }
  .main .main__banner .mian-plan .user { font-size: 4vw; color: #ffffff; margin-top: 7.3vw; }
  .main .main__banner .mian-plan .user .user__num { font-size: 4.8vw; font-weight: bold; color: #ffffff; }
  .main .main__banner .mian-plan .mian-plan__fun { display: flex; font-size: 3.2vw; width: 94vw; color: #ffffff; margin-top: 26vw; line-height: 5.4vw; }
  /* 功能 */
  .main .function { /* width: 68.438vw; */ width: 100%; display: flex; flex-direction: column; align-items: center; }
  .main .function .function-item { margin-top: 13vw; width: 92.667vw; position: relative; }
  .main .function .function-top--pc { display: none; }
  .main .function .function-item .function-top .function-title { display: flex; align-items: flex-end; }
  .main .function .function-item .function-top .function-title .function-title__name { font-weight: bold; font-size: 6.4vw; color: #000000; letter-spacing: 0.25vw; }
  .main .function .function-item .function-top .function-title .function-title__more { width: 23.333vw; height: 6vw; background-color: var(--main-color); border-radius: 3vw; font-size: 2.667vw; margin-left: 3.86vw; color: #ffffff; display: flex; align-items: center; justify-content: center; }
  .main .function .function-item .function-top .function__desc { font-size: 2.667vw; margin-top: 3.2vw; color: #797979; letter-spacing: 0.25vw; }
  .main .function .function-item .function__subtitle { font-size: 2.667vw; color: #000000; margin-top: 1.5vw; letter-spacing: 0.25vw; }
  .main .function .function-item .details { width: 92.667vw; height: 47.856vw; /* height: 53.333vw; */ text-align: center; box-sizing: border-box; margin-top: 4.63vw; }
  .main .function .function-item .details-001 { background: url("../images/overseasService/pic_sea_1.jpg") no-repeat center/cover; }
  .main .function .function-item .details-002 { background: url("../images/overseasService/pic_sea_2.jpg") no-repeat center/cover; }
  .main .function .function-item .details-003 { background: url("../images/overseasService/pic_sea_3.jpg") no-repeat center/cover; }
  .main .function .function-item .details-004 { background: url("../images/overseasService/pic_sea_4.jpg") no-repeat center/cover; }
  .main .function .function-item .details .details-shooting { position: absolute; left: 3.06vw; bottom: 3.86vw; display: flex; flex-direction: column; align-items: flex-start; }
  .main .function .function-item .details .details-operations { position: absolute; right: 1.719vw; bottom: 3.656vw; display: flex; flex-direction: column; align-items: flex-end; }
  .main .function .function-item .details .simple { height: 6.667vw; padding: 0 5.7vw; background-color: #ffffff; border-radius: 3.333vw; font-weight: bold; font-size: 2.533vw; color: #282828; }
  .main .function .function-item .details .theme { height: 6.667vw; padding: 0 5.7vw; background-color: var(--main-color); border-radius: 3.333vw; font-weight: bold; font-size: 2.533vw; color: #ffffff; }
  .main .function .function-item .details .black { height: 6.667vw; padding: 0 5.7vw; background-color: #000000; border-radius: 3.333vw; font-weight: bold; font-size: 2.533vw; color: #ffffff; }
  .main .function .function-item .details .width14 { width: 38vw; padding: 0; box-sizing: border-box; padding-left: 3.86vw; display: flex; align-items: center; }
  .main .function .function-item .details .public-relations { bottom: 4.5vw; left: 3.845vw; }
  .main .function .function-item .details .margin-b-10 { margin-bottom: 3.06vw; }
  .main .function .function-item .details .details-shooting-item { width: 69vw; padding: 0; padding-left: 3.8vw; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; }
  .main .function .function-item .details .details-shooting-item .details-shooting-item__title { font-weight: bold; font-size: 2.533vw; color: #ffffff; }
  .main .function .function-item .details .details-shooting-item .details-shooting-item__content { font-size: 2.533vw; color: #ffffff; }
  .main .function .function-item .details .details-shooting-item .color282828 { color: #282828; }
  .main .function .function-item .details .margin-r-10 { margin-right: 3.06vw; }
  .main .function .function-item .details .flex-row { display: flex; align-items: center; }
  /* 更多专业服务 */
  .main .services-wrap { width: 100%; background-color: #ffffff; display: flex; align-items: center; justify-content: center; margin-top: 3vw; padding-bottom: 7.5vw; box-sizing: border-box; }
  .main .services { width: 83.333vw; }
  .main .services .services__title { font-weight: bold; color: #000000; height: 24.5vw; font-size: 6.4vw; display: flex; align-items: center; justify-content: center; }
  .main .services .services-list { display: flex; flex-wrap: wrap; }
  .main .services .services-list .services-list-item { display: flex; flex-direction: column; margin-bottom: 5.7vw; width: 100%; }
  .main .services .services-list .services-list-item .services-list-item__pic { width: 83.333vw; height: 35.333vw; }
  .main .services .services-list .services-list-item .services-list-item__title { font-weight: bold; font-size: 3.467vw; color: #000000; margin-top: 4.5vw; }
  .main .services .services-list .services-list-item .services-list-item__subtitle { font-size: 2.4vw; color: #000000; margin-top: 2vw; }
  /* 品牌价值 */
  .main .brand-value { width: 100vw; height: 170.667vw; position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; padding-right: 0.7vw; }
  .main .brand-value::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("../images/overseasService/brand_bg_1.jpg") no-repeat center/cover; opacity: 0.8; z-index: -1; }
  .main .brand-value .brand-value__title { flex-shrink: 0; box-sizing: border-box; padding-top: 10.53vw; font-weight: bold; font-size: 6.4vw; color: #000000; height: 16.663vw; }
  .main .brand-value .plan { width: 92.534vw; flex-grow: 1; box-sizing: border-box; position: relative; }
  .main .brand-value .plan .plan-left-top { position: absolute; left: 0; top: 10.66vw; }
  .main .brand-value .plan .plan-right-top { position: absolute; right: 0; top: 10.66vw; }
  .main .brand-value .plan .plan-left-bottom { position: absolute; left: 0; bottom: 12.333vw; }
  .main .brand-value .plan .plan-right-bottom { position: absolute; right: 0; bottom: 12.333vw; }
  .main .brand-value .plan .plan-item { display: flex; flex-direction: column; }
  .main .brand-value .plan .plan-item .plan-item-title { display: flex; align-items: flex-end; }
  .main .brand-value .plan .plan-item .plan-item-title .plan-item-title__no { font-weight: bold; font-size: 6.4vw; color: var(--main-color); }
  .main .brand-value .plan .plan-item .plan-item-title .plan-item-title__name { font-weight: bold; font-size: 4vw; color: #282828; margin-left: 1.4vw; padding-bottom: 0.6vw; }
  .main .brand-value .plan .plan-item .content { display: flex; flex-direction: column; align-items: flex-start; font-size: 2.667vw; line-height: 6.4vw; color: #282828; margin-top: 4vw; }
  .main .brand-value .plan .plan-item .content .content-item { position: relative; /* flex-shrink: 0;*/ width: 100%; }
  .main .brand-value .plan .plan-item .content--left .content-item::after { position: absolute; content: ""; left: -1vw; top: 50%; transform: translateY(-50%); width: 1vw; height: 1vw; background-color: #000000; border-radius: 50%; }
  .main .brand-value .plan .plan-item .content--left .content-item { padding-left: 1vw; }
  .main .brand-value .plan .plan-item .content--right .content-item { /* align-items: flex-end; */ text-align: right; padding-right: 1vw; }
  .main .brand-value .plan .plan-item .content--right .content-item::after { position: absolute; content: ""; right: -1vw; top: 50%; transform: translateY(-50%); width: 1vw; height: 1vw; background-color: #000000; border-radius: 50%; }
  .main .brand-value .plan .plan__center-pic { width: 38.667vw; height: 38.667vw; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  /* 成功案例 */
  .main .case { background-color: #efefef; box-sizing: border-box; text-align: center; }
  .main .case > h2 { font-weight: bold; font-size: 6.667vw; color: #282828; height: 26vw; display: flex; align-items: center; justify-content: center; }
  .main .case > p { width: 91.5vw; height: 16.533vw; font-size: 4vw; line-height: 6.4vw; color: #707070; margin: 0 auto 8.267vw; }
  .main .case .case-box { background-color: #ffffff; }
  .main .case .case-box .serve__menu { display: flex; justify-content: flex-start; align-items: center; flex-direction: row; width: 100vw; height: 10.667vw; background-color: var(--main-color); }
  .main .case .case-box .serve__menu li { flex: 1; font-size: 4vw; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: row; color: #ffffff; text-align: center; }
  .main .case .case-box .serve__menu li.active { background-color: #fff; font-weight: bold; font-size: 4vw; color: #282828; }
  .main .case .case-box .serve__menu--content { width: 100%; height: 100%; padding: 7.067vw 3vw 6vw; box-sizing: border-box; text-align: left; display: flex; justify-content: space-between; flex-direction: column; }
  .main .case .case-box .serve__menu--content .content-desc { padding-left: 2.2vw; box-sizing: border-box; }
  .main .case .case-box .serve__menu--content .content-desc > div { margin-bottom: 7.333vw; }
  .main .case .case-box .serve__menu--content .content-desc > div h2 { font-weight: bold; font-size: 3.467vw; color: #282828; margin-bottom: 4.933vw; }
  .main .case .case-box .serve__menu--content .content-desc > div p { font-size: 3.6vw; line-height: 7vw; color: #282828; letter-spacing: 0.2vw; }
  .main .case .case-box .serve__menu--content .content-desc .content-desc__num { font-weight: bold; font-size: 4vw; }
  .main .case .case-box .serve__menu--content .content-desc button { width: 41.333vw; height: 10.667vw; background-color: var(--main-color); border-radius: 0.667vw; font-size: 4vw; color: #ffffff; border: none; outline: none; margin: 0 auto 6.8vw; display: none; }
  .main .case .case-box .serve__menu--content .content-img { width: 91.792vw; height: 170.583vw; margin: 0 auto; }
  .main .case .case-box .serve__menu--content .content-img img { display: block; width: 100%; height: 100%; border-radius: 2.5vw; background-color: #000000; }
  .main .case .case-box .serve__menu--content > button { width: 41.333vw; height: 10.667vw; background-color: var(--main-color); border-radius: 0.667vw; font-size: 4vw; color: #ffffff; border: none; outline: none; margin: 8vw auto 6.8vw; display: block; } }