.main {
  position: relative;
}

.idea_main {
  display: none;
}

.content {
  width: 100%;
  height: 53.375rem;
  padding-top: 15rem;
  padding-left: 15rem;
  background: url("../image//brand_marketing/01_banner.jpg");
  background-size: 100% 100%;
}

.content .section-info {
  width: 34rem;
}

.content .section-info .title {
  font-size: 4.5rem;
  font-family: "myFont1";
  color: #303030;
}

.content .section-info .desc {
  margin-top: 0.875rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-family: "myFont3";
  color: #303030;
}
body .tec-main .section-info .tec-btn__primary-lg, .tec-btn__transparent-lg {
  
  padding: 0vw;
}
.content .section-info .btn {
  width: 8.75rem;
  height: 2.5rem;
  margin-top: 3.5rem;
  font-size: 1rem;
  line-height: 2.5rem;
  text-align: center;
  font-family: "myFont3";
  color: #fff;
  border-radius: 0.25rem;
  background-color: #000bff;
  /* background: linear-gradient(80deg, #000bff 5%, #0750fe 98%); */
}

.content .issue {
  position: absolute;
  height: 5rem;
  padding: 0 2.5rem;
  font-size: 1.5rem;
  text-align: center;
  line-height: 5rem;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.8);
}

.issue-1 {
  top: 19.375rem;
  right: 20rem;
  width: 27.4rem;
}

.issue-2 {
  top: 26.625rem;
  right: 39.5rem;
  width: 24.2rem;
}

.issue-3 {
  top: 33.25rem;
  right: 21.625rem;
  width: 21rem;
}

.issue-4 {
  top: 35.75rem;
  right: 47.5rem;
  width: 27.4rem;
}

.service {
  position: relative;
  width: 100%;
  height: 53.375rem;
  padding-top: 7.8rem;
  padding-left: 15rem;
  background: url("../image//brand_marketing/02_bg.jpg");
  background-size: 100% 100%;
}

.service .slogan .title {
  font-size: 2.25rem;
  font-family: "myFont1";
  line-height: 3.375rem;
  color: #000bff;
}

.service .slogan .target {
  margin-top: 1rem;
  font-size: 3rem;
  font-family: "myFont1";
  line-height: 3.375rem;
  color: #303030;
}

.service .slogan .step {
  position: absolute;
}

.step-1 {
  top: 21.25rem;
  left: 15rem;
}

.step-2 {
  top: 28.25rem;
  left: 32.875rem;
}

.step-3 {
  top: 21.25rem;
  left: 53.75rem;
}

.step-4 {
  top: 28.25rem;
  left: 72.625rem;
}

.step-5 {
  top: 21.25rem;
  left: 90.625rem;
}

.service .slogan .step-desc {
  position: absolute;
  width: 14.125rem;
  height: 14.125rem;
  border-radius: 50%;
  padding: 0 0.5rem;
  font-size: 2rem;
  text-align: center;
  line-height: 2.375rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #fff;
}

.service .slogan .step-desc .text-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  white-space: pre-wrap;
  word-break: break-word;
}

.service .slogan .step-desc .step-num {
  position: absolute;
  left: -0.5rem;
  top: -2.4rem;
  width: 4.0625rem;
  height: 4.0625rem;
}

.desc-1 {
  top: 23.75rem;
  left: 15.75rem;
  background: url("../image/brand_marketing/02_img1.png") no-repeat center center;
  background-size: 100% 100%;
}

.desc-2 {
  top: 31.25rem;
  left: 32.75rem;
  background: url("../image/brand_marketing/02_img2.png") no-repeat center center;
  background-size: 100% 100%;
}

.desc-3 {
  top: 23.75rem;
  left: 53.75rem;
  background: url("../image/brand_marketing/02_img3.png") no-repeat center center;
  background-size: 100% 100%;
}

.desc-4 {
  top: 31.25rem;
  left: 72.625rem;
  background: url("../image/brand_marketing/02_img4.png") no-repeat center center;
  background-size: 100% 100%;
}

.desc-5 {
  top: 23.75rem;
  left: 91.25rem;
  background: url("../image/brand_marketing/02_img5.png") no-repeat center center;
  background-size: 100% 100%;
}

.plan {
  position: relative;
  width: 100%;
  height: 53.375rem;
  padding-top: 9.4rem;
  padding-left: 15rem;
  background: url("../image//brand_marketing/03_Bg.jpg");
  background-size: 100% 100%;
}

.plan .title {
  font-size: 3rem;
  font-family: "myFont1";
  line-height: 4rem;
  color: #fff;
}

.plan-box {
  display: flex;
  justify-content: space-between;
  width: 90rem;
  margin-top: 8.75rem;
  height: 110rem;
}

.plan-box .box-1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 67.525rem;
  height: 25.25rem;
}

.box-title {
  position: relative;
  z-index: 1;
  font-size: 2rem;
  font-family: "myFont1";
  line-height: 3.375rem;
  color: #303030;
}

.box-small {
  position: relative;
}

.box-small .text {
  position: relative;
  z-index: 1;
}

.box-small .box-bg {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 10.625rem;
  height: 100%;
  background: url("../image/brand_marketing/03_smallbox_bg_normal.png") no-repeat right top;
  background-size: 10.625rem 12.375rem;
}

.box-small:hover {
  color: #fff;
  background-color: #0750fe;
}

.box-small:hover .box-bg {
  background: url("../image/brand_marketing/03_smallbox_bg_hover.png") no-repeat right top;
  background-size: 10.625rem 12.375rem;
}

.box-small:hover .box-title {
  color: #fff;
}

.box-child-1 {
  width: 18.125rem;
  height: 12.375rem;
  padding: 3.75rem 0 3.75rem 1.25rem;
  border-radius: 0.25rem;
  background-color: #d2e2ff;
}

.box-child-2 {
  width: 27.5rem;
  height: 12.375rem;
  padding: 3.75rem 0 3.75rem 1.25rem;
  border-radius: 0.25rem;
  background-color: #d2e2ff;
}

.box-child-3 {
  width: 20.625rem;
  height: 12.375rem;
  padding: 3.75rem 0 3.75rem 1.25rem;
  border-radius: 0.25rem;
  background-color: #d2e2ff;
}

.box-child-4 {
  width: 19.875rem;
  height: 12.375rem;
  padding: 3.75rem 0 3.75rem 1.25rem;
  margin-top: 0.625rem;
  border-radius: 0.25rem;
  background-color: #d2e2ff;
}

.big-box {
  position: relative;
  width: 21.25rem;
  height: 25.25rem;
  padding: 9.875rem 1.25rem 10.5rem 1.25rem;
  border-radius: 0.25rem;
  background-color: #d2e2ff;
}

.big-box .text {
  position: relative;
  z-index: 1;
}

.big-box .box-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 15rem;
  height: 100%;
  background: url("../image/brand_marketing/03_largebox_bg_normal.png") no-repeat;
  background-size: 15rem 25.25rem;
}

.big-box:hover {
  color: #fff;
  background-color: #0750fe;
}

.big-box:hover .box-bg {
  background: url("../image/brand_marketing/03_largebox_bg_hover.png") no-repeat;
  background-size: 15rem 25.25rem;
}

.big-box:hover .box-title {
  color: #fff;
}
.box-child-sub{
  width: 22.875rem;
  margin-top: 0.625rem;
}
/* 创意 */
.idea {
  position: relative;
  width: 100%;
  height: 53.375rem;
  padding-top: 15.25rem;
  padding-left: 16.625rem;
  background: url("../image//brand_marketing/04_bg.jpg");
  background-size: 100% 100%;

}

.idea .title {
  font-size: 3rem;
  font-family: "myFont1";
  line-height: 4rem;
  color: #303030;
}

.idea .infos {
  margin-top: 3.375rem;
}

.info-item {
  position: relative;
  padding-left: 1.125rem;
  font-size: 1.125rem;
  line-height: 2rem;
  color: #4a4e64;
}

.info-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #000bff;
}

.info-item+.info-item {
  margin-top: 0.625rem;
}

.idea .location {
  position: absolute;
  top: 14.8rem;
  left: 62rem;
  width: 35rem;
}

.idea .msg {
  position: absolute;
}

.idea .msg-1 {
  top: 13.25rem;
  left: 72.75rem;
  width: 17.875;
}

.idea .msg-2 {
  top: 24.5rem;
  left: 88rem;
  width: 19.75;
}

.idea .msg-3 {
  top: 29.25rem;
  left: 62rem;
  width: 20.875rem;
}

/* 优势 */
.advantage {
  position: relative;
  width: 100%;
  height: 53.375rem;
  padding: 5.5rem 15.125rem 0;
  background: url("../image//brand_marketing/05_bg.jpg");
  background-size: 100% 100%;
}

.advantage .title {
  font-size: 3rem;
  font-family: "myFont1";
  line-height: 4rem;
  text-align: center;
  color: #fff;
}

.advantage .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4.125rem;
}

.advantage-box {
  overflow: hidden;
  position: relative;
  width: 26.875rem;
  height: 28.225rem;
  border-radius: 0.25rem;
  cursor: pointer;
  margin:0 2rem 0 0
}

.advantage-box .box-body {
  padding: 2.25rem 1.875rem 0;
}

.advantage-box:hover .pic {
  transform: scale(1.1);
}

.advantage-box:hover .box-body {
  color: #fff;
  background-color: #0750fe;
}

.advantage-box:hover .box-body .title {
  color: #fff;
}

.advantage-box .box-body {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 15.125rem;
  border-radius: 0.25rem;
  background-color: #fff;
}

.advantage-box .pic {
  width: 100%;
  transition: all 0.3s;
}

.advantage-box .box-body .title {
  font-size: 2rem;
  line-height: 3.375rem;
  font-family: "myFont1";
  text-align: left;
  color: #303030;
}

.advantage-box .box-body .desc {
  margin-top: 1.25rem;
}

/* 案例 */
.case {
  height: 56.25rem;
  padding-top: 3.5rem;
}

.case .title {
  font-size: 3rem;
  font-family: "myFont1";
  line-height: 4rem;
  text-align: center;
  color: #303030;
}

.tab-pane {
  position: relative;
  margin-top: 1.5rem;
}

.tab-pane .tab-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90rem;
  height: 8.375rem;
  margin: 0 auto;
  border-top: 1px solid #d8d8d8;
}

.tab-pane .tab-wrapper .indicate {
  position: absolute;
  top: 0;
  width: 11.25rem;
  height: 0.5rem;
  left: 0 !important;
  transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  background-color: #0012ef;
}

.tab-pane .tab-wrapper .tab-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.25rem;
  height: 100%;
  cursor: pointer;
}

.tab-pane .tab-wrapper .tab-item img {
  pointer-events: none;
  width: 10.75rem;
  height: 4.875rem;
}

.tab-pane .tab-body {
  overflow: hidden;
  width: 100%;
  height: 30rem;
}

.tab-pane .tab-body .tab-pane-list {
  display: flex;
  height: 100%;
  transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.tab-pane .tab-body .tab-pane-list li {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-shrink: 0;
  width: 120rem;
  height: 100%;
}

.info-img {
  width: 57.125rem;
}

.info-box {
  /* stylelint-disable rule */
  /* stylelint-enable rule */
  padding: 5rem 0 0 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 62.875rem;
  height: 100%;
  padding-left: 5.75rem;
  background-color: #f5f8ff;
}

.info-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: -3.45rem;
  border-bottom: 30.5rem solid #f5f8ff;
  border-left: 3.45rem solid transparent;
}

.info-box .title {
  font-size: 2rem;
  font-family: "myFont1";
  text-align: left;
  color: #303030;
}

.info-box .area {
  margin-top: 1.875rem;
  font-size: 0.875rem;
  font-family: "myFont3";
  text-align: left;
  color: #606060;
}

.info-box .label-list {
  display: flex;
  align-items: center;
}

.info-box .label {
  width: max-content;
  margin-top: 0.5rem;
  padding: 2px 12px;
  font-size: 1rem;
  font-family: "myFont3";
  line-height: 1.5rem;

  text-align: center;
  border-radius: 0.25rem;
  color: #5f7ac4;
  background-color: #cfdcff;
}

.info-box .label+.label {
  margin-left: 0.5rem;
}

.info-box .services {
  margin-top: 1.5rem;
  font-size: 0.875rem;
  font-family: "myFont3";
  text-align: left;
  color: #606060;
}

.info-box .data {
  display: flex;
  align-items: center;
  margin-top: 4.125rem;
}

.data-item+.data-item {
  margin-left: 7.75rem;
}

.info-box .data .data-val {
  font-size: 2.125rem;
  font-family: "myFont1";
  color: #0750fe;
}

.info-box .data .data-desc {
  font-size: 1rem;
  font-family: "myFont3";
  color: #303030;
}

.tab-pane .arrow {
  position: absolute;
  bottom: 2.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  cursor: pointer;
  user-select: none;
  background: rgba(222, 222, 222, 0.5);
}

.arrow:hover {
  background: rgba(216, 228, 255, 0.92);
}

.tab-pane .arrow img {
  -webkit-user-drag: none;
  width: 1.5rem;
  height: 1.5rem;
}

.arrow-left {
  right: 21.25rem;
}

.arrow-right {
  right: 15.125rem;
}

.tab-pane .more {
  display: block;
  text-decoration: none;
  width: 8.75rem;
  height: 2.5rem;
  margin: 2.125rem auto 0;
  font-size: 1rem;
  text-align: center;
  line-height: 2.5rem;
  border-radius: 0.25rem;
  color: #f7f8fa;
  cursor: pointer;
}

.mobile {
  display: none;
}

@media (max-width: 961px) {
  .pc {
    display: none;
  }

  .mobile {
    display: block;
  }
  .plan-box .box-1{
    height: auto;
  }
  .box-child-1.box-child-sub {
    width: 47.625rem;
    height: 24.625rem;
    margin-top: 2rem;
    margin-left: 2rem;
}

  .idea_main {
    display: flex;
  }

  .idea .location,
  .idea .msg {
    display: none;
  }

  .content {
    height: 128.125rem;
    background: url("../../../home/images/mobileNew/Snipaste_2023-11-01_16-49-07.jpg") no-repeat;
    background-size: cover;
    padding-left: 0;
  }

  .content .section-info .title {
    font-size: 9rem;
    font-weight: 900;
  }

  .content .section-info {
    padding: 58rem 7rem 0 8rem;
    width: auto;
  }

  .content .section-info .desc {
    font-size: 3rem;
    line-height: 4.5rem;
    padding-top: 5rem;
  }

  .content .section-info .btn {
    font-size: 3rem;
    width: 30rem;
    height: 6.5rem;
    border-radius: 24.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 7.5rem;
  }

  .content .issue {
    font-size: 2.5rem;
    border-radius: 1rem;
    height: auto;
    width: auto;

    padding: 0.5rem 1.5rem;
  }

  .issue-1 {
    top: 29.375rem;
    right: 5rem;
  }

  .issue-3 {
    top: 42.25rem;
    right: 7.625rem;
  }

  .issue-2 {
    top: 47.625rem;
    right: 46.5rem;
  }

  .issue-4 {
    top: 58.75rem;
    right: 20.5rem;
    width: 27.4rem;
  }

  .service {
    height: 1120px;
  }

  .service .slogan .title {
    font-size: 4.5rem;
    font-weight: bold;
  }

  .service .slogan .target {
    font-size: 6rem;
    font-weight: bold;
    padding-top: 4rem;
  }

  .service {

    height: 140rem;
    padding-top: 11.8rem;
    padding-left: 7rem;
    background: url("../../../home/images/mobileNew/02_bg_brand.jpg") no-repeat;
    background-size: cover;
  }

  .service .slogan .step-desc {
    width: 78.75rem;
    height: 15rem;
    border-radius: 0;
  }

  .desc-1 {
    background: url("../../../home/images/mobileNew/02img1.png") no-repeat;
    background-size: cover;
    top: 33.75rem;
    left: 5.75rem;
  }

  .desc-2 {
    background: url("../../../home/images/mobileNew/02img2.png") no-repeat;
    background-size: cover;
    top: 53.75rem;
    left: 5.75rem;
  }

  .desc-3 {
    background: url("../../../home/images/mobileNew/02img3.png") no-repeat;
    background-size: cover;
    top: 73.75rem;
    left: 5.75rem;
  }

  .desc-4 {
    background: url("../../../home/images/mobileNew/02img4.png") no-repeat;
    background-size: cover;
    top: 93.75rem;
    left: 5.75rem;
  }

  .desc-5 {
    background: url("../../../home/images/mobileNew/02img5.png") no-repeat;
    background-size: cover;
    top: 113.75rem;
    left: 5.75rem;
  }

  .service .slogan .step-desc .step-num {
    width: 7rem;
    height: 7.75rem;
    left: 7rem;
    top: 3.8rem;
  }


  .service .slogan .step-desc .text-box {
    font-size: 4.5rem;
    font-weight: bold;
  }

  .plan {
    background: url("../../../home/images/mobileNew/03_Bg_berand.jpg") no-repeat;
    background-size: cover;
    height: 160rem;
    padding-left: 7rem;
  }

  .plan .title {
    width: 60rem;
    font-size: 6rem;
    font-weight: bold;
    line-height: 8rem;

  }

  .box-title {
    font-size: 4rem;
    font-weight: bold;
    line-height: 6.75rem;
    color: #303030;
  }

  .box-small .text {
    font-size: 2.5rem;
    line-height: 3.75rem;
  }

  .box-small {
    border-radius: 1rem;
    padding: 4.75rem 2rem 3.75rem;
  }

  .box-child-1 {
    width: 36.25rem;
    height: 24.625rem;
    margin-right: 2rem;
  }

  .box-child-2 {
    width: 42.25rem;
    height: 24.625rem;
  }

  .box-small .box-bg {
    width: 21.25rem;
    background-size: cover;
  }

  .plan-box {
    flex-wrap: wrap;
    justify-content: unset;
  }

  .box-child-3 {
    width: 46.875rem;
    height: 24.625rem;
    margin-top: 2rem;
    margin-right: 2rem;
  }

  .plan-box .box-1 {
    flex-basis: 100%;
    justify-content: unset;
  }

  .box-child-4 {
    width: 31.625rem;
    height: 24.625rem;
    margin-top: 2rem;
  }

  .box-2 {
    width: 39.25rem;
    height: 35.25rem;
    border-radius: 1rem;
    margin-right: 2rem;
  }

  .box-3 {
    width: 39.25rem;
    height: 35.25rem;
    border-radius: 1rem;
  }

  .box-child-3,
  .box-child-4 {
    padding: 6.75rem 2rem 3.75rem;
  }

  .big-box .text {
    font-size: 2.5rem;
    line-height: 3.75rem;
  }

  .big-box {
    margin-top: 9rem;
    padding-right: 2rem;
  }

  .idea {
    height: 140rem;
    background: url("../../../home/images/mobileNew/Snipaste_2023-11-02_10-20-10.png") no-repeat;
    background-size: cover;
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .idea .title {
    font-size: 6rem;
    font-weight: bold;
    line-height: 8rem;

  }

  .info-item::before {
    content: "";
    position: absolute;
    left: -2rem;
    top: 25%;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
  }

  .info-item:nth-child(3):before {
    top: 50%;
  }

  .info-item {
    font-size: 3.5rem;
    line-height: 5.25rem;
    margin-left: 2rem;
  }
  .info-item_sub:before {
    top: 50%;
  }

 

  .idea_main {
    height: 39.75rem;
    padding-left: 9rem;
    padding-top: 10rem;

  }

  .advantage {
    height: 304.5rem;
    background: url("../../../home/images/mobileNew/03_Bg_advantage.jpg") no-repeat;
    background-size: cover;
    padding: 10rem 7rem;
  }

  .advantage .title {
    text-align: unset;
    font-size: 6rem;
    font-weight: bold;
    line-height: 8rem;
  }

  .advantage .wrapper {
    flex-direction: column;
  }

  .advantage-box .pic {
    width: 79.75rem;
    height: 38rem;
  }

  .advantage-box {
    width: 79.75rem;
    height: 67.375rem;
    padding-top: 4rem;
  }

  .advantage-box .box-body .title {
    font-size: 5rem;
    font-weight: bold;
    line-height: 6.75rem;
  }

  .advantage-box .box-body {
    height: 30.25rem;
    padding: 0 2.875rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .advantage-box .box-body .desc {
    font-size: 2.5rem;
    line-height: 3.75rem;
  }

  .tab-pane .tab-body .tab-pane-list .info-box {
    position: unset;
  }

  .tab-pane .tab-body .tab-pane-list li {
    flex-direction: column;
  }
  .big-box {
    margin-top: 2rem;
    padding-right: 2rem;
    width: 81rem;
  }
}