/* 首页 八大服务体系 start */
.sycg3 {
  position: relative;
}

.sycg3 .sycg2wztitle {
  width: 39.75rem;
  height: 10.5625rem;
  position: absolute;
  top: 5.08rem;
  left: 50%;
  transform: translatex(-50%);
}

.sycg3 .sycg2wztitle p {
  color: #fff;
  font-size: 3.75rem;
  text-align: center;
  line-height: 5.75rem;
}

.consultnowbtn {
  display: block;
  width: 15.375rem;
  height: 5.375rem;
  font-size: 1.25rem;
  text-align: center;
  line-height: 5.375rem;
  letter-spacing: 0.125rem;
  margin: 6.25rem auto;
  margin-bottom: 0;
  border-radius: 5rem;
  border: 1px solid #5991d3;
}

/* 首页 八大服务体系 end */


/* 电商营销 start */
.dsyx_swipercg {
  width: 100%;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dsbanner1 .bannerbtn {
  left: 20%;
  bottom: 10%;
}

.dsbanner2 .bannerbtn {
  left: 20%;
  bottom: 10%;
}


.dsyxbanner {
  display: block;
  width: 100%;
  height: 100%;
}

.bannertitle {
  width: 100%;
  font-size: 4.125rem;
  letter-spacing: 1rem;
}

.bannersubtitle {
  width: 100%;
  font-size: 2.875rem;
  letter-spacing: 0.5rem;
  margin-top: 1rem;
  text-align: center;
}

.bannerdesc {
  width: 100%;
  font-size: 1.625rem;
  text-align: center;
  letter-spacing: 0.125rem;
  margin-top: 0.5rem;
}

.bannerdesc:nth-of-type(1) {
  margin-top: 5rem;
}

.dsyxcg1 {
  width: 100%;
  height: 58.4375rem;
  background: #1e2a41;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.dsyxcg1 .cg1box {
  width: 90rem;
  height: 34.375rem;
  margin: 0 auto;
  display: flex;
  gap: 0.875rem;
}

/* ========================================= */
.dsyxcg1 .cg1box .cg1box_item {
  width: 14.3125rem;
  height: 28.125rem;
  color: #ffffff;
  /* background-image: ; */
  background-repeat: no-repeat;
  background-position: var(--bg-x, 0%) var(--bg-y, 75%);
  background-size: var(--bg-size, 650% 193%);
  background-clip: content-box;
  transition: width 0.5s ease, background-position 0.5s ease;
  opacity: 0.9;
  position: relative;
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(1) {
  --bg-x: 0%;
  --bg-y: 75%;
  --bg-size: 650% 193%;
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(2) {
  --bg-x: 22%;
  --bg-y: 82%;
  --bg-size: 650% 179%;
  margin-top: 7rem;
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(3) {
  --bg-x: 39%;
  --bg-y: 56%;
  --bg-size: 711% 215%;
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(4) {
  --bg-x: 57%;
  --bg-y: 79%;
  --bg-size: 711% 208%;
  margin-top: 7rem;
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(5) {
  --bg-x: 75%;
  --bg-y: 56%;
  --bg-size: 648% 209%;
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(6) {
  --bg-x: 94%;
  --bg-y: 85%;
  --bg-size: 648% 209%;
  margin-top: 7rem;
}

.dsyxcg1 .cg1box .cg1box_item:hover {
  width: 18.25rem;
  opacity: 1;
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(1):hover {
  --bg-x: calc(0%   5%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(1):hover~.cg1box_item:nth-of-type(2) {
  --bg-x: calc(0%   28%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(1):hover~.cg1box_item:nth-of-type(3) {
  --bg-x: calc(0%   47%);
  --bg-y: calc(0%   57%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(1):hover~.cg1box_item:nth-of-type(4) {
  --bg-x: calc(0%   63%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(1):hover~.cg1box_item:nth-of-type(5) {
  --bg-x: calc(0%   80%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(1):hover~.cg1box_item:nth-of-type(6) {
  --bg-x: calc(0%   98%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(2):hover~.cg1box_item:nth-of-type(1) {
  --bg-x: 5% !important;
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(2):hover {
  --bg-x: calc(22%   5%);
  --bg-x: calc(16%   5%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(2):hover~.cg1box_item:nth-of-type(3) {
  --bg-x: calc(36%   5%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(2):hover~.cg1box_item:nth-of-type(4) {
  --bg-x: calc(54%   5%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(2):hover~.cg1box_item:nth-of-type(5) {
  --bg-x: calc(73%   5%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(2):hover~.cg1box_item:nth-of-type(6) {
  --bg-x: calc(91.5%   5%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(3):hover {
  --bg-x: calc(37%   5%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(3):hover~.cg1box_item:nth-of-type(4) {
  --bg-x: calc(54%   5%);
  --bg-y: calc(0%   79%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(3):hover~.cg1box_item:nth-of-type(5) {
  --bg-x: calc(73%   5%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(3):hover~.cg1box_item:nth-of-type(6) {
  --bg-x: calc(91.5%   5%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(4):hover {
  --bg-x: calc(54%   5%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(4):hover~.cg1box_item:nth-of-type(5) {
  --bg-x: calc(72%   5%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(4):hover~.cg1box_item:nth-of-type(6) {
  --bg-x: calc(91%   5%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(5):hover {
  --bg-x: calc(71%   5%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(5):hover~.cg1box_item:nth-of-type(6) {
  --bg-x: calc(90%   5%);
}

.dsyxcg1 .cg1box .cg1box_item:nth-of-type(6):hover {
  --bg-x: calc(89%   5%);
}

/* ============================ */
.dstype .cg1box_item {
  width: 14.3125rem;
  height: 28.125rem;
  color: #ffffff;
  background:  no-repeat !important;
  background-size: cover !important;
  transition: width 0.5s ease, background-position 0.5s ease;
  opacity: 0.9;
  position: relative;
}

.dstype .cg1box_item:nth-of-type(2) {
  background-image:  !important;
}

.dstype .cg1box_item:nth-of-type(3) {
  background-image:  !important;
}

.dstype .cg1box_item:nth-of-type(4) {
  background-image:  !important;
}

.dstype .cg1box_item:nth-of-type(5) {
  background-image:  !important;
}

.dstype .cg1box_item:nth-of-type(6) {
  background-image:  !important;
}

.dstype .cg1box_item:hover {
  background-position: 100% 81% !important;
}

.dsyxcg1 .cg1box .cg1box_item .jiantou {
  width: 3.625rem;
  height: 1.1875rem;
  position: absolute;
  bottom: 2.5625rem;
  right: 2.75rem;
}

.dsyxcg1 .cg1box .cg1box_item_img {
  width: 2.375rem;
  height: .5rem;
  margin-top: 5.0625rem;
  margin-left: 1.6875rem;
  position: relative;
  z-index: 1;
}

.dsyxcg1 .cg1box .titlebox {
  margin-top: 1rem;
  margin-left: 1.6875rem;
  position: relative;
  z-index: 1;
}

.dsyxcg1 .cg1box .titlebox h2 {
  font-size: 1.875rem;
  line-height: 3rem;
  margin-top: 1.5rem;
}

.dsyxcg1 .cg1box .titlebox h3 {
  font-size: 0.875rem;
}

.dsyxcg1 .cg1box .cg1box_item_desc {
  width: 100%;
  height: 100%;
  padding-top: 14rem;
  padding-left: 1.6875rem;
  padding-right: 1.3rem;
  text-align: justify;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.dsyxcg1 .cg1box .cg1box_item:hover .cg1box_item_img {
  z-index: 3;
}

.dsyxcg1 .cg1box .cg1box_item:hover .titlebox {
  z-index: 3;
}

.dsyxcg1 .cg1box .cg1box_item:hover .cg1box_item_desc {
  display: block;
  font-size: 1.1rem;
}

.dsyxcg2 {
  width: 100%;
  /* height: 103.125rem; */
  padding-bottom: 5rem;
  box-sizing: border-box;
  background:  no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}



.dsyxcg2 .cg2descbox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 11.5rem;
  margin-bottom: 3.375rem;
}

.dsyxcg2 .cg2descbox h4 {
  font-weight: 400;
  font-size: 2.8125rem;
  color: #010101;
  line-height: 1.8125rem;
}

.dsyxcg2 .cg2descbox p {
  font-weight: 400;
  font-size: 1.375rem;
  color: rgba(1, 1, 1, 0.97);
  line-height: 2.625rem;
  margin-top: 1.5rem;
}

.dsyxcg2 .cg2listgroup {
  width: 90rem;
  margin: 0 auto;
}

.dsyxcg2 .cg2listgroup ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.875rem;
}

.dsyxcg2 .cg2listgroup ul li {
  width: calc(25% - 0.875rem);
  height: 20.125rem;
  color: #333333;
  background: #ffffff;
  box-shadow: 2px 3px 39px 1px rgba(140, 98, 32, 0.09);
  border-radius: 10px;
  padding: 1rem 1.5rem;
  box-sizing: border-box;
  border-radius: 0.5rem;
}

.dsyxcg2 .cg2listgroup ul li .cg2listimg {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
}

.dsyxcg2 .cg2listgroup ul li .cg2listimg .iconhover {
  display: none;
}

.dsyxcg2 .cg2listgroup ul li .cg2list_title {
  font-weight: bold;
  font-size: 1.5rem;
  margin: 0.8rem 0;
}

.dsyxcg2 .cg2listgroup ul li .cg2list_con {
  font-weight: 400;
  font-size: 0.92rem;
  line-height: 1.5rem;
  text-align: justify;
  opacity: 0.8;
}

.dsyxcg2 .cg2listgroup ul li:hover {
  color: #ffffff;
  background: #438bed;
}

.dsyxcg2 .cg2listgroup ul li:hover .icon {
  display: none;
}

.dsyxcg2 .cg2listgroup ul li:hover .iconhover {
  display: block;
}

.dsyxcg3 {
  width: 100%;
  padding-bottom: 5rem;
  background:  no-repeat;
  background-size: 100% 100%;
  position: relative;
  overflow: auto;
}

.dsyxcg3 .cg3_title {
  font-weight: normal;
  font-size: 2.8125rem;
  color: #ffffff;
  text-align: center;
  margin: 4.9375rem 0 5.1875rem;
}

.dsyxcg3 .cg3_list {
  width: 90rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 1.1875rem;
}

.dsyxcg3 .cg3_list li {
  width: 44.5rem;
  height: 12.5625rem;
  color: #ffffff;
  padding: 2.9375rem 3.5rem 2.3125rem 0.9375rem;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
}

.dsyxcg3 .cg3_list li .imgbox {
  width: 7.3125rem;
  height: 7.3125rem;
}

.dsyxcg3 .cg3_list li .cg3_list_con {
  width: 31.5rem;
  margin-left: 1.1875rem;
}

.dsyxcg3 .cg3_list li .cg3_list_con h4 {
  font-weight: 400;
  font-size: 1.625rem;
  margin-bottom: 1.8125rem;
}

.dsyxcg3 .cg3_list li .cg3_list_con p {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.9375rem;
  opacity: 0.8;
}

/* 电商营销 end */

/* 全案营销 start */
.qayx_swipercg img {
  width: calc(882rem / 16) !important;
  height: calc(562rem / 16) !important;
  position: absolute;
  top: calc(180rem / 16);
  left: 50%;
  transform: translatex(-50%);
}

.qayx_swipercg .bannerbtn {
  bottom: 10%;
}

.qayx_banner2 img {
  width: calc(925rem / 16);
  height: calc(482rem / 16);
  position: absolute;
  top: calc(260rem / 16);
  left: 40.2%;
  transform: translatex(-50%);
}

.qayx_banner2 .bannerbtn {
  bottom: 10%;
  left: 31%;
}

.qayx_banner2 .bannertitle {
  letter-spacing: 0.7rem;
}

.qayx_banner2 .bannerdesc {
  text-align: left;
  margin-top: calc(48rem/16);
}

.qayx_banner2 .consultnowbtn {
  margin-left: 0;
}

.qayxcg1 {
  width: 100%;
  height: 55.625rem;
  background:  no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.qayxcg1 .qayxcg1_inner {
  width: 90rem;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2.625rem;
}

.qayxcg1 .qayxcg1_inner_desc {
  width: 71%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  line-height: 3.5rem;
  box-sizing: border-box;
}

.qayxcg1 .qayxcg1_box {
  width: 100%;
  height: 24.6875rem;
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
}

.qayxcg1 .qayxcg1_box .qayxcg1_l {
  width: 19.75rem;
  height: 100%;
}

.qayxcg1 .qayxcg1_box .qayxcg1_l .qayxcg1_l_tab {
  height: 8.1875rem;
  color: #ffffff;
  font-size: 1.625rem;
  text-align: center;
  line-height: 8.1875rem;
  position: relative;
  cursor: pointer;
  background:  no-repeat;
  background-size: 100% 100%;
}

.qayxcg1 .qayxcg1_box .qayxcg1_l .qayxcg1_l_tab::before {
  display: block;
  content: '';
  width: 0.4375rem;
  height: 1.9375rem;
  background: #e1c496;
  position: absolute;
  top: 50%;
  left: 19%;
  transform: translatey(-50%);
}

.qayxcg1 .qayxcg1_box .qayxcg1_l .qayxcg1_l_tab.active {
  font-weight: bold;
  background:  no-repeat;
  background-size: 100% 100%;
}

.qayxcg1 .qayxcg1_box .qayxcg1_r {
  width: 67.5rem;
  height: 100%;
  position: relative;
}

.qayxcg1 .qayxcg1_box .qayxcg1_r .qayxcg1_r_con {
  width: 100%;
  height: 100%;
  padding: 0 6.25rem 0 7.5rem;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background:  no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.qayxcg1 .qayxcg1_box .qayxcg1_r .qayxcg1_r_con h2 {
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 3.75rem;
}

.qayxcg1 .qayxcg1_box .qayxcg1_r .qayxcg1_r_con h2 span {
  color: #fcd9a2;
  line-height: 2.625rem;
}

.qayxcg1 .qayxcg1_box .qayxcg1_r .qayxcg1_r_con p {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2.6rem;
  margin-top: 2rem;
}

.qayxcg2 {
  width: 100%;
  height: 58.75rem;
  background:  no-repeat;
  background-size: 101% 101%;
  position: relative;
}

/* ================================================================= */
.qayxcg2 .cg1box .cg1box_item {
  width: 11.875rem;
  height: 24.75rem;
  background-image: ;
  background-repeat: no-repeat;
  background-position: var(--bg-x, 0%) var(--bg-y, 75%);
  background-size: var(--bg-size, 650% 193%);
  border-radius: 1.5rem;
}

.qayxcg2 .cg1box .cg1box_item_img,
.qayxcg2 .cg1box .titlebox,
.qayxcg2 .cg1box .cg1box_item_desc {
  box-sizing: border-box;
  border-radius: 1.3rem;
}

.qayxcg2 .cg1box .cg1box_item_img {
  width: 2.9375rem;
  opacity: 0.8;
}

.qayxcg2 .cg1box .titlebox {
  opacity: 0.8;
}

.qayxcg2 .cg1box .titlebox h2 {
  font-size: 1.5rem;
  font-weight: bold;
  text-shadow:
    -1px -1px 0 #3b6bdd,
    1px -1px 0 #3b6bdd,
    -1px 1px 0 #3b6bdd,
    1px 1px 0 #3b6bdd;
  /* 增加偏移量可以增加描边宽度 */
}

.qayxcg2 .cg1box .titlebox h3 {
  opacity: 0.8;
  text-shadow:
    -1px -1px 0 #3b6bdd,
    1px -1px 0 #3b6bdd,
    -1px 1px 0 #3b6bdd,
    1px 1px 0 #3b6bdd;
  /* 增加偏移量可以增加描边宽度 */
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(1) {
  --bg-x: 0%;
  --bg-y: 10%;
  --bg-size: 850% 230%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(2) {
  --bg-x: 21%;
  --bg-y: 26%;
  --bg-size: 913% 258%;
  margin-top: 7rem;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(3) {
  --bg-x: 36%;
  --bg-y: 7%;
  --bg-size: 817% 232%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(4) {
  --bg-x: 51%;
  --bg-y: 25%;
  --bg-size: 817% 204%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(5) {
  --bg-x: 67%;
  --bg-y: 1%;
  --bg-size: 844% 226%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(6) {
  --bg-x: 82%;
  --bg-y: 22%;
  --bg-size: 829% 220%;
  margin-top: 7rem;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(7) {
  --bg-x: 100%;
  --bg-y: 0%;
  --bg-size: 829% 249%;
}

.qayxcg2 .cg1box .cg1box_item:hover {
  width: 18.25rem;
  opacity: 1;
}

.qayxcg2 .cg1box .cg1box_item:hover .cg1box_item_img {
  opacity: 1;
}

.qayxcg2 .cg1box .cg1box_item:hover .titlebox {
  opacity: 1;
}

.qayxcg2 .cg1box .cg1box_item:hover .titlebox h3 {
  opacity: 1;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(1):hover {
  --bg-x: calc(-3%   5%);
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(1):hover~.cg1box_item:nth-of-type(2) {
  --bg-x: calc(-7%   28%);
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(1):hover~.cg1box_item:nth-of-type(3) {
  --bg-x: calc(-13%   47%);
  --bg-y: calc(-53%   57%);
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(1):hover~.cg1box_item:nth-of-type(4) {
  --bg-x: calc(-15%   63%);
  --bg-y: calc(-36%   57%);
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(1):hover~.cg1box_item:nth-of-type(5) {
  --bg-x: calc(-16%   80%);
  --bg-y: calc(-56%   57%);
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(1):hover~.cg1box_item:nth-of-type(6) {
  --bg-x: calc(-19%   98%);
  --bg-y: calc(-33%   57%);
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(1):hover~.cg1box_item:nth-of-type(7) {
  --bg-x: calc(0%   98%);
  --bg-y: calc(-57%   57%);
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(2):hover~.cg1box_item:nth-of-type(1) {
  --bg-x: 5% !important;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(2):hover {
  --bg-x: calc(14%   5%);
  --bg-y: calc(21%   5%);
  --bg-size: 756% 244%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(2):hover~.cg1box_item:nth-of-type(3) {
  --bg-x: calc(31%   5%);
  --bg-y: calc(4%   5%);
  --bg-size: 1048% 236%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(2):hover~.cg1box_item:nth-of-type(4) {
  --bg-x: calc(46%   5%);
  --bg-y: calc(19%   5%);
  --bg-size: 778% 219%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(2):hover~.cg1box_item:nth-of-type(5) {
  --bg-x: calc(62%   5%);
  --bg-y: calc(-5%   5%);
  --bg-size: 778% 219%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(2):hover~.cg1box_item:nth-of-type(6) {
  --bg-x: calc(78.4%   5%);
  --bg-y: calc(17%   5%);
  --bg-size: 778% 219%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(2):hover~.cg1box_item:nth-of-type(7) {
  --bg-x: calc(91.4%   5%);
  --bg-y: calc(-4%   5%);
  --bg-size: 778% 219%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(3):hover {
  --bg-x: calc(30%   5%);
  --bg-y: calc(-1%   5%);
  --bg-size: 709% 226%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(3):hover~.cg1box_item:nth-of-type(4) {
  --bg-x: calc(47%   5%);
  --bg-y: calc(21%   5%);
  --bg-size: 709% 226%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(3):hover~.cg1box_item:nth-of-type(5) {
  --bg-x: calc(63%   5%);
  --bg-y: calc(-1%   5%);
  --bg-size: 811% 226%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(3):hover~.cg1box_item:nth-of-type(6) {
  --bg-x: calc(77.9%   5%);
  --bg-y: calc(21%   5%);
  --bg-size: 811% 226%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(3):hover~.cg1box_item:nth-of-type(7) {
  --bg-x: calc(94.4%   5%);
  --bg-y: calc(-4%   5%);
  --bg-size: 778% 219%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(4):hover {
  --bg-x: calc(48%   5%);
  --bg-y: calc(22%   5%);
  --bg-size: 645% 226%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(4):hover~.cg1box_item:nth-of-type(5) {
  --bg-x: calc(63%   5%);
  --bg-y: calc(0%   5%);
  --bg-size: 869% 226%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(4):hover~.cg1box_item:nth-of-type(6) {
  --bg-x: calc(77.9%   5%);
  --bg-y: calc(22%   5%);
  --bg-size: 811% 226%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(4):hover~.cg1box_item:nth-of-type(7) {
  --bg-x: calc(94.4%   5%);
  --bg-y: calc(-3%   5%);
  --bg-size: 778% 219%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(5):hover {
  --bg-x: calc(63%   5%);
  --bg-y: calc(-1%   5%);
  --bg-size: 875% 240%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(5):hover~.cg1box_item:nth-of-type(6) {
  --bg-x: calc(77.9%   5%);
  --bg-y: calc(20%   5%);
  --bg-size: 811% 226%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(5):hover~.cg1box_item:nth-of-type(7) {
  --bg-x: calc(94.4%   5%);
  --bg-y: calc(-5%   5%);
  --bg-size: 778% 219%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(6):hover {
  --bg-x: calc(77.9%   5%);
  --bg-y: calc(17%   5%);
  --bg-size: 811% 226%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(6):hover~.cg1box_item:nth-of-type(7) {
  --bg-x: calc(91%   5%);
  --bg-y: calc(-4%   5%);
  --bg-size: 811% 226%;
}

.qayxcg2 .cg1box .cg1box_item:nth-of-type(7):hover {
  --bg-x: calc(94%   5%);
  --bg-y: calc(-4%   5%);
  --bg-size: 648% 220%;
}

/* 全案营销 end */

/* 公关活动 start */
.gghd_swipercg {
  /* width: 100%;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
}

.gghd_swipercg .bannerbtn {
  bottom: 16%;
}


.gghd_banner .bannerbtn {
  bottom: 21%;
  left: 52%;
}

.ggen {
  width: 50%;
  margin: 0 auto;
  margin-top: 2rem;
}

.gghd_swipercg hr {
  width: 26.6875rem;
  height: 0.0625rem;
  margin: 4.375rem auto;
  background: #ffffff;
}


.gghd_banner1desc {
  margin-top: 0rem !important;
}

.gghd_banner2desc {
  margin-top: 2rem !important;
}

.ggfwcg1 {
  width: 100%;
  height: 66.6875rem;
  background:  no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.ggfwcg1 .ggfwcg1box {
  width: 90.75rem;
  height: 59rem;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ggfwcg1 .ggfwcg1box .img1 {
  width: calc(1014rem / 16);
  height: calc(783rem / 16);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ggfwcg1 .ggfwcg1box .ggfwcg1box_left {
  width: 25rem;
  height: 59%;
  position: relative;
}

.ggfwcg1 .ggfwcg1box .ggfwcg1box_right {
  width: 27rem;
  height: 59%;
  position: relative;
}

.ggfwcg1 .left_item1 {
  width: 20rem;
  height: 6.5rem;
  position: absolute;
  /* left: 0; */
  top: 30%;
}

.ggfwcg1 .ggfwcg1box_left .left_item1:nth-of-type(1),
.ggfwcg1 .ggfwcg1box_left .left_item1:nth-of-type(4) {
  top: 0%;
  left: 14%;
  animation: left_item1 1s;
}

.ggfwcg1 .ggfwcg1box_left .left_item1:nth-of-type(4) {
  top: 76% !important;
}


.ggfwcg1 .ggfwcg1box_left .left_item1:nth-of-type(2),
.ggfwcg1 .ggfwcg1box_left .left_item1:nth-of-type(3) {
  top: 25%;
  left: 0%;
  animation: left_item2 1s;
}

.ggfwcg1 .ggfwcg1box_left .left_item1:nth-of-type(3) {
  top: 51%;
  left: 0%;
}

.ggfwcg1 .ggfwcg1box_right .left_item1:nth-of-type(1),
.ggfwcg1 .ggfwcg1box_right .left_item1:nth-of-type(4) {
  top: 0%;
  left: unset;
  right: 13%;
  animation: right_item1 1s;
}

.ggfwcg1 .ggfwcg1box_right .left_item1:nth-of-type(4) {
  top: 76% !important;
}


.ggfwcg1 .ggfwcg1box_right .left_item1:nth-of-type(2),
.ggfwcg1 .ggfwcg1box_right .left_item1:nth-of-type(3) {
  top: 25%;
  right: 0%;
  left: unset;
  animation: right_item2 1s;
}

.ggfwcg1 .ggfwcg1box_right .left_item1:nth-of-type(3) {
  top: 51%;
  right: 0%;
  left: unset;
}

@keyframes left_item1 {
  0% {
    transform: translatex(-100%);
  }

  100% {
    transform: translatex(0%);
  }
}

@keyframes left_item2 {
  0% {
    transform: translatex(-100%);
  }

  100% {
    transform: translatex(0%);
  }
}

@keyframes right_item1 {
  0% {
    transform: translatex(74%);
  }

  100% {
    transform: translatex(13%);
  }
}

@keyframes right_item2 {
  0% {
    transform: translatex(74%);
  }

  100% {
    transform: translatex(0%);
  }
}

.ggfwcg2 {
  width: 100%;
  height: 55rem;
  background:  no-repeat;
  background-size: 100% 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ggfwcg2 .ggfwcg2_inner {
  width: 90rem;
  height: 38.3125rem;
}

.ggfwcg2 .ggfwcg2_inner .swiper-slide {
  background: none !important;
  /* border-right: 1px solid rgba(89, 89, 89, 0.3); */
  flex-direction: column;
  justify-content: flex-start;
}

.ggfwcg2 .ggfwcg2_inner .ggfwcg2_imgbox {
  width: 4.8125rem;
  height: 5.5rem;
  margin-top: 2.125rem;
}

.ggfwcg2 .ggfwcg2_inner h2 {
  width: 13.9375rem;
  height: 3.4375rem;
  color: #d99e79;
  font-size: 2.125rem;
  font-weight: bold;
  line-height: 3rem;
  text-align: center;
  margin: 1.9375rem 0 1.3125rem;
  background:  no-repeat;
  background-size: 100% 100%;
}

.ggfwcg2 .ggfwcg2_inner ul li {
  display: flex;
  font-size: 1rem;
  line-height: 2.0625rem;
  text-align: justify;
  gap: 0.1rem;
}

.ggfwcg2 .ggfwcg2_inner .swiper-pagination-bullet {
  width: 0.8125rem;
  height: 0.8125rem;
}

.ggfwcg2 .swiper-pagination-bullet {
  background: #d3a25c !important;
}

.ggfwcg2 .swiper-pagination-bullet-active::before {
  width: calc(40rem / 16) !important;
  height: calc(15rem / 16) !important;
  border-radius: 5rem !important;
  border: none !important;
  border-right-color: unset !important;
  background: #d3a25c !important;
  transform: none;
  margin-top: 0.53rem;
}

/* 公关活动 end */

/* 媒体传播 start */

.mtcb_banner1 .bannerbtn {
  bottom: 13%;
  left: 50.5%;
}

.mtcb_banner2 .bannerbtn {
  bottom: 35%;
  left: 49.5%;
}

.swipercg_xmtyy_banner2 .bannerbtn {
  left: 27%;
  bottom: 15%;
}

.mtcb .bannertitle {
  margin-top: 4.5rem !important;
}

.mtcb hr {
  width: 25.25rem;
  height: 0.0625rem;
  margin: 1.8125rem auto;
  background: #ffffff;
}

.mtcb .banner2btn {
  margin-top: 27.75rem !important;
}

.mtcb .bannerdesc {
  font-size: 3.125rem;
}

.mtcb .bannerdesc span {
  color: #f0d390;
  font-size: 5rem;
}

.mtcb .bannerdesc:nth-of-type(1) {
  margin-top: 0;
}

.mtcb .borderdiv {
  width: 39.5625rem;
  height: 5rem;
  font-weight: 600;
  font-size: 2.3125rem;
  color: #1c3e92;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 2.3125rem;
  margin: 0 auto;
  margin-top: 2.6875rem;
}

.mtcb .ljzxbtn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 2.5rem;
  color: #ffffff;
  margin-top: 2.75rem;
  cursor: pointer;
}

.mtcb .ljzxbtn img {
  width: 2.25rem;
  height: 2.25rem;
  margin-left: 0.8125rem;
}

.mtcbcg1 {
  width: 100%;
  height: 62rem;
  background: #f9faff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mtcbcg1 .mtcbcg1_inner {
  width: 90rem;
  padding-top: 11rem;
  box-sizing: border-box;
}

.mtcbcg1 .mtcbcg1_tabbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.mtcbcg1 .mtcbcg1_tab {
  width: calc(20% - 10px);
  height: 13.125rem;
  font-weight: 400;
  font-size: 1.875rem;
  color: #000000;
  background: #e4ebf9;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
}

.mtcbcg1 .mtcbcg1_tab .tabicon {
  width: 4.3125rem;
  height: 4.1875rem;
}

.mtcbcg1 .mtcbcg1_tab .tabicon .tabimg1 {
  display: block;
}

.mtcbcg1 .mtcbcg1_tab .tabicon .tabimg2 {
  display: none;
}

.mtcbcg1 .mtcbcg1_tab .tabicon img:nth-of-type(2) {
  display: none;
}

.mtcbcg1 .mtcbcg1_tab.active {
  color: #fff;
  background: linear-gradient(to right, #3f6bd9, #1240b7);
}

.mtcbcg1 .tabtitle {
  margin-top: 1.625rem;
}

.mtcbcg1 .mtcbcg1_tabcon {
  width: 100%;
  height: 36.25rem;
  position: relative;
}

.mtcbcg1 .mtcbcg1_tabcon .item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0rem 10.375rem;
  box-sizing: border-box;
  background:  no-repeat;
  background-size: 100% 100%;
  position: absolute;
  opacity: 0;
}

.mtcbcg1 .mtcbcg1_tabcon .item .item_tit {
  height: 7.625rem;
  color: #f0d390;
  font-size: 1.875rem;
  padding-left: 1.8125rem;
  box-sizing: border-box;
  border-left: 0.375rem solid #f0d390;
}

.mtcbcg1 .mtcbcg1_tabcon .item .item_tit h2 {
  font-weight: bold;
  font-size: 4rem;
  color: #ffffff;
}

.mtcbcg1 .mtcbcg1_tabcon .item .item_con {
  width: 53.125rem;
  font-weight: normal;
  font-size: 2rem;
  color: #ffffff;
  line-height: 3.25rem;
  margin-top: 2.3125rem;
}

.mtcbcg2 {
  width: 100%;
  height: 68rem;
  background: #f9faff;
  display: flex;
  justify-content: center;
  position: relative;
  padding-top: 10rem;
  box-sizing: border-box;
}

.mtcbcg2 .mtcbcg2_bjbox {
  width: 100%;
  height: auto;
  background:  no-repeat;
  background-size: 100% 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.mtcbcg2 .mtcbcg2_tabbox {
  width: 100%;
  height: 8rem;
  margin-top: 13rem;
  border-bottom: 2px solid #fff;
}

.mtcbcg2 .mtcbcg2_bjbox .cgtitle {
  width: 13.375rem;
  top: 5rem;
  left: 50%;
  transform: translatex(-50%);
}

.mtcbcg2 .mtcbcg2_tabbox_inner {
  width: 90rem;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mtcbcg2 .mtcbcg2_tabbox_inner .mtcbcg2_tab {
  height: 100%;
  color: #ffffff;
  font-size: 2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
}

.mtcbcg2 .mtcbcg2_tabbox_inner .mtcbcg2_tab span {
  width: 0.875rem;
  height: 0.875rem;
  background: #ffffff;
  border-radius: 50%;
  margin-right: 0.8rem;
}

.mtcbcg2 .mtcbcg2_tabbox_inner .mtcbcg2_tab.active {
  color: #f0d390;
  border-bottom: 0.375rem solid #f0d390;
}

.mtcbcg2 .mtcbcg2_tabbox_inner .mtcbcg2_tab span.on {
  background: #f0d390;
}

.mtcbcg2 .mtcbcg2_con {
  width: 90rem;
  margin: 0 auto;
  position: relative;
}

.mtcbcg2 .mtcbcg2_con .item_box {
  width: 100%;
  padding: 4.8125rem 1rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.mtcbcg2 .mtcbcg2_con .item_box .item_imgbox {
  width: 42.8125rem;
  height: 25.125rem;
  margin-right: 3.3125rem;
}

.mtcbcg2 .mtcbcg2_con .item_box .item_imgbox img {
  border-radius: calc(17rem / 16);
}

.mtcbcg2 .mtcbcg2_con .item_box .item_con {
  width: 37.0625rem;
}

.mtcbcg2 .mtcbcg2_con .item_box .item_con h3 {
  font-weight: bold;
  font-size: 3.25rem;
  color: #eef7fe;
  margin-bottom: 1.875rem;
}

.mtcbcg2 .mtcbcg2_con .item_box .item_con p {
  height: 11rem;
  font-weight: normal;
  font-size: 1.875rem;
  color: #ffffff;
  line-height: calc(49rem/16);
  opacity: 0.8;
}

.mtcbcg2 .mtcbcg2_con .item_box .item_con .item_btn {
  width: 11rem;
  height: 3.3125rem;
  color: #000000;
  background: #f0d390;
  border-radius: 1.625rem;
  margin-top: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.mtcbcg2 .mtcbcg2_con .item_box .item_con .item_btn img {
  width: 1.4375rem;
  height: 1.4375rem;
  margin-left: 0.5rem;
}

.mtcbcg3 {
  width: 100%;
  height: calc(750rem/16);
  background:  no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mtcbcg3 .mtcbcg3_con {
  width: 100%;
}

.mtcbcg3 .mtcbcg3_con .scroll_img {
  animation: scroll 30s linear infinite both;
  z-index: 2;
  display: flex;
  gap: 0.5rem;
  margin: 1rem 0;
}

.mtcbcg3 .mtcbcg3_con .scroll_img_right {
  animation: scroll_right 30s linear infinite both;
  display: flex;
  gap: 1rem;
}

@keyframes scroll {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(calc(-1920rem/16), 0, 0);
  }
}

@keyframes scroll_right {
  from {
    transform: translate3d(-117.5rem, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

/* 媒体传播 end */
.home_banner3 .bannerbtn {
  bottom: 15%;
  left: 49%;
}

/*媒体查询*/
@media screen and (max-width: 700px) {

  /* 电商营销 start */
  .bannerdesc {
    font-size: 2.3rem;
  }

  .dsyxcg1 .cg1box .titlebox {
    margin-top: 3rem;
  }

  .dsyxcg1 .cg1box .titlebox h3 {
    font-size: 1.2rem;
  }

  .dsyxcg2 .cg2descbox h4 {
    font-size: 2.3rem;
  }

  .dsyxcg2 .cg2descbox p {
    font-size: 2rem;
  }

  .dsyxcg2 .cg2listgroup ul li .cg2list_title {
    font-size: 2.3rem;
  }

  .dsyxcg2 .cg2listgroup ul li .cg2list_con {
    font-size: 2rem;
  }

  .dsyxcg2 .cg2listgroup ul li {
    width: calc(50% - 0.875rem);
    height: 36.8125rem;
    padding: 2.3rem 2.3rem;
  }

  .dsyxcg2 .cg2listgroup ul li .cg2list_con {
    font-size: 2.2rem;
    line-height: 3rem;
  }

  .dsyxcg3 .cg3_list li {
    height: 18rem;
  }

  .dsyxcg3 .cg3_list li .cg3_list_con h4 {
    font-size: 2.3rem;
  }

  .dsyxcg3 .cg3_list li .cg3_list_con p {
    font-size: 1.9rem;
    line-height: 2.2rem;
  }

  .dsyxcg1 .cg1box .cg1box_item:hover {
    width: 23rem;
  }

  /* 电商营销 end */

  /* 全案营销 start */
  .qayxcg1 .qayxcg1_inner .listbox .listbox_right p {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .consultnowbtn {
    font-size: 1.8rem;
  }

  /* 全案营销 end */

  /* 公关活动 start */
  .ggen {
    width: 90rem;
    margin: 0 auto;
    font-size: 2rem;
    margin-top: 1rem;
  }

  .ggfwcg2 .ggfwcg2_inner ul li {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .ggfwcg2 {
    height: 92rem;
  }

  .ggfwcg2 .ggfwcg2_inner {
    height: 63.3125rem;
  }

  /* 公关活动 end */

  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: calc(17rem / 16);
    height: calc(17rem / 16);
  }
}


/* swiper 样式 */
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: calc(13rem / 16);
  height: calc(13rem / 16);
}


/* 八大服务侧边栏 */
.eighthservice {
  width: 8%;
  height: auto;
  padding: 0.5rem 0;
  box-sizing: border-box;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 1%;
  transform: translatey(-50%);
  background-color: rgba(8, 41, 122, .5);
  z-index: 99999999;
}

.eighthservice h2 {
  color: #fff;
  font-size: calc(18rem / 16);
  margin: calc(4rem / 16);
}

.eighthservice a {
  width: 80%;
  color: rgba(255, 255, 255, 0.9);
  font-size: calc(16rem / 16);
  text-align: center;
  font-weight: 400;
  position: relative;
  margin: calc(8rem / 16) 0;
}

.eighthservice a::after {
  content: "";
  position: absolute;
  bottom: -20%;
  left: 50%;
  transform: translatex(-50%);
  width: 50%;
  height: calc(1rem / 16);
  background: rgba(255, 255, 255, 0.3);
}

.eighthservice a:last-of-type:after {
  width: 0;
}

.eighthservice a.active {
  color: #f0d390;
  font-weight: bold;

}


.abontbtn .bannerbtn {
  bottom: 10%;
}