.myBrandMarketing .banner_box {
  position: relative;
}
.myBrandMarketing .banner_box .banner_bg {
  width: 100%;
}
.myBrandMarketing .banner_box .banner_top {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.myBrandMarketing .banner_box .banner_top .small_title {
  color: #06F;
  text-align: center;
  font-family: Montserrat-Bold;
  font-size: 12px;
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
}
.myBrandMarketing .banner_box .banner_top .banner_bg_text {
  width: 40.68vw;
  margin: 22px auto 0;
}
.myBrandMarketing .banner_box .banner_top .blue_btn {
  width: 185px;
  height: 48px;
  line-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.myBrandMarketing .banner_box .banner_top .blue_btn .right_b {
  width: 12px;
  height: 12px;
  position: relative;
  z-index: 99;
  margin-left: 10px;
}
.myBrandMarketing .banner_box .banner_top .blue_btn:hover .right_b {
  margin-left: 13px;
}
.myBrandMarketing .banner_box .banner_bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
}
.myBrandMarketing .banner_box .banner_bottom img {
  height: auto;
}
.myBrandMarketing .part_one {
  display: flex;
  padding-top: 7.03125vw;
  padding-left: 10%;
  margin-bottom: 3.125vw;
}
.myBrandMarketing .part_one .part_one_left {
  display: flex;
  flex-direction: column;
  margin-right: 6.25vw;
}
.myBrandMarketing .part_one .part_one_left .icon1_bg {
  margin-bottom: 10.42vw;
}
.myBrandMarketing .part_one .part_one_right {
  width: 564px;
}
.myBrandMarketing .part_one .part_one_right .right_text {
  margin-bottom: 4.17vw;
  color: #000;
  font-family: Mulish;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}
.myBrandMarketing .part_one .part_one_right .right_text .blod_ {
  font-weight: 900;
}
.myBrandMarketing .six_group {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.myBrandMarketing .six_group .six_group_item {
  cursor: pointer;
  width: 340px;
  height: 300px;
  background: #F7F8FB;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 34px;
  margin-left: 10px;
}
.myBrandMarketing .six_group .six_group_item:first-child{
  margin-left: 0px;
}
.myBrandMarketing .six_group .six_group_item .six_group_item_24 {
  color: #000;
  font-family: Montserrat-Bold;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  text-transform: capitalize;
}
.myBrandMarketing .six_group .six_group_item .line {
  width: 40px;
  height: 4px;
  background: #06F;
  margin-top: 20px;
}
.myBrandMarketing .six_group .six_group_item .six_group_item_text {
  color: #FFF;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  display: none;
}
.myBrandMarketing .six_group .six_group_item .six_group_item_text .blue_ {
  color: #06F;
}
.myBrandMarketing .six_group .six_group_item:hover {
  background: #141516;
  justify-content: space-between;
}
.myBrandMarketing .six_group .six_group_item:hover .six_group_item_24 {
  color: #fff;
}
.myBrandMarketing .six_group .six_group_item:hover .six_group_item_text {
  display: block;
}
.myBrandMarketing .flex_group {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 10.41vw;
}
.myBrandMarketing .flex_group .flex_group_h1 {
  color: #000;
  text-align: center;
  font-family: Montserrat-Bold;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 40px;
}
.myBrandMarketing .flex_group .flex_group_p {
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 20px;
}
.myBrandMarketing .flex_group .groups {
  width: 100%;
  margin-top: 100px;
  display: flex;
  flex-wrap: wrap;
}
.myBrandMarketing .flex_group .groups .groups_item {
  width: calc(100% / 3);
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.myBrandMarketing .flex_group .groups .groups_item img {
  width: 100%;
  transition: transform 1s ease;
}
.myBrandMarketing .flex_group .groups .groups_item .groups_item_mask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  color: #FFF;
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  padding: 30px 24px;
  transition: transform 0.5s ease;
  flex-direction: column;
  justify-content: space-between;
}
.myBrandMarketing .flex_group .groups .groups_item .s_mall{
  font-size: 14px;
  line-height: 21px;
}
.myBrandMarketing .flex_group .groups .groups_item:hover .groups_item_mask {
  display: flex;
  transition: all 1.2s ease-in-out;
}
.myBrandMarketing .flex_group .groups .groups_item:hover img {
  transform: scale(1.2);
  transition: transform 1s ease-in-out;
}
.myBrandMarketing .flex_group .groups .groups_item:not(:hover) img {
  transform: scale(1);
}