/* 首页360动画部分 */
.tx_info {
  width: calc(1345rem / 16);
  height: calc(50rem / 16);
  font-family: Alibaba PuHuiTi;
  font-weight: 300;
  font-size: calc(50rem / 16);
  color: #FFFFFF;
  line-height: calc(104rem / 16);
  opacity: 0.6;
  position: absolute;
  top: calc(290rem /16);
  left: calc(58rem /16);
}

.Carousel_parent .CarouselBack {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  /* animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; */
}

.count_parent .count {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  position: relative;
  animation: all 2s ease-in-out;
}

.count_parent {
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  position: absolute;
  top: 24.6rem;
  left: 35rem;
}

.Carousel_parent .count p {
  font-size: 1.6rem;
  color: #FFFFFF;
}

.number_animation .start_arrow {
  width: calc(31rem / 16);
  height: calc(98rem / 16);
  transform: rotate(180deg);
  position: absolute;
  top: calc(580rem / 16);
  left: 1rem;
  cursor: pointer;
}

.number_animation .next_arrow {
  width: calc(31rem / 16);
  height: calc(98rem / 16);
  position: absolute;
  right: 1rem;
  top: calc(580rem / 16);
  cursor: pointer;
}

.number_animation .services-three {
  width: calc(220rem / 16);
  height: calc(383rem / 16);
  position: absolute;
  left: 34.7rem;
  top: 25rem;
  /* animation: slide-in-bottom .6s linear both .5s; */
}

.number_animation .services-six {
  width: calc(289rem / 16);
  height: calc(392rem / 16);
  position: absolute;
  left: 49.9rem;
  top: 25rem;
  /* animation: slide-in-top .6s linear both 0.8s; */
}

.number_animation .services-zero {
  width: calc(395rem / 16);
  height: calc(394rem / 16);
  position: absolute;
  left: 69.2rem;
  top: 25rem;
  /* animation: slide-in-bottom .6s linear both 1.2s; */
}

@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translate(-50%, 50px);
    transform: translate(-50%, 50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}

.loop_Parent_huil {
  width: calc(184rem / 16) !important;
  height: calc(124rem / 16) !important;
  overflow: hidden;
  position: absolute;
  top: 11.2rem;
  left: 3.6rem;
}

.loop_Parent {
  position: relative;
  display: flex;
  animation: all 5s ease-in-out;
}

.number_animation .loop_Parent .loopImg {
  width: calc(184rem / 16) !important;
  height: calc(124rem / 16) !important;
}

/* 右侧icon */
.loopIcon_Parent_huil {
  width: calc(182rem / 16) !important;
  height: calc(168rem / 16) !important;
  overflow: hidden;
  position: absolute;
  top: 7rem;
  left: 6.9rem;
}

.loopIcon_Parent {
  display: flex;
  position: relative;
}

.number_animation .loopIcon_Parent .loopIcon {
  width: calc(182rem / 16) !important;
  height: calc(168rem / 16) !important;
}

.animation_info {
  position: relative;
  top: 55rem;
  left: 35rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(20rem / 16);
  color: #FFFFFF;
  line-height: calc(28rem /16);
  opacity: 0.6;
}

/* 展览展会部分 */
.zlzh_banner .bannerBtn {
  bottom: 22%;
  left: 50%;
}
.zlzh_banner2 .bannerBtn {
  bottom: 22%;
  left: 49%;
}

.swiperCg .banner_text p:nth-child(1) {
  width: calc(1515rem / 16);
  height: calc(133rem / 16);
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(66rem / 16);
  color: #ffffff;
  line-height: calc(90rem / 16);
  text-align: center;
  position: relative;
  top: 13%;
  left: 50%;
  transform: translate(-50%, 0%);
}

.swiperCg .banner_text p:nth-child(2) {
  width: calc(1515rem / 16);
  height: calc(133rem / 16);
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(42rem / 16);
  color: #ffffff;
  position: relative;
  top: 11%;
  left: 50%;
  transform: translate(-50%, 0%);
}

.banner_text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 22%;
  left: 50%;
  transform: translate(-50%, 0%);
}

.english_info {
  width: calc(720rem / 16);
  height: calc(64rem / 16);
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(20rem / 16);
  color: #ffffff;
  line-height: calc(35rem / 16);
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, 0%);
}



.zlzhCg1 {
  width: calc(1913rem / 16);
  height: calc(999rem / 16);
  background: url("../imgs/zlzh/serviceType.png");
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  opacity: 0.9;
  box-sizing: border-box;
  overflow: hidden;
}


.cgTitle .zlzhType_Title {
  font-family: Microsoft YaHei;
  font-weight: 500;
  font-size: calc(56rem / 16);
  color: #000000;
  line-height: calc(104rem / 16);
  transform: translate(-50%, 0%);
  text-align: center;
  z-index: 2;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0%);
}

.english_title {
  font-family: Adobe Heiti Std;
  font-weight: normal;
  font-size: calc(66rem / 16);
  color: #d1d1d1;
  line-height: calc(104rem / 16);
}

.cgTitle .zlzhType_Title::after {
  content: '—';
}

.cgTitle .zlzhType_Title::before {
  content: '—';
}

/* 服务类型 */
.service_type_container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: calc(1260rem / 16);
  height: auto;
  position: relative;
  top: 2rem;
  gap: calc(36rem / 16);
}

.service_type_container .bottom_line {
  width: calc(129rem / 16);
  height: calc(1rem / 16);
  background-color: #ffffff;
  margin-top: 1rem;
}

.service_type_container .Engineering_text {
  color: #fff;
  width: calc(368rem / 16);
  height: calc(51rem / 16);
  text-align: justify;
  margin: 0 auto;
  display: none;
}

.service_type_container div {
  width: calc(396rem / 16);
  height: calc(358rem / 16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2%;
  box-sizing: border-box;
}

.service_type_container div:hover {
  background: #257DFA !important;
  /* transition: all .2s linear; */
  margin: 0;
  top: 0;
}

.service_type_container div:hover .Engineering_text {
  display: block;

}

.service_type_container div:hover .bottom_line {
  display: none;
}

.service_type_container div:nth-child(1) img {
  width: calc(72rem / 16);
  height: calc(65rem / 16);
  position: relative;
}

.service_type_container div:nth-child(2) img {
  width: calc(76rem / 16);
  height: calc(71rem / 16);
  position: relative;
}

.service_type_container div:nth-child(3) img {
  width: calc(57rem / 16);
  height: calc(57rem / 16);
  position: relative;
}

.service_type_container div:nth-child(4) img {
  width: calc(65rem / 16);
  height: calc(65rem / 16);
  position: relative;
}

.service_type_container div:nth-child(5) img {
  width: calc(67rem / 16);
  height: calc(72rem / 16);
  position: relative;
}

.service_type_container div:nth-child(6) img {
  width: calc(93rem / 16);
  height: calc(68rem / 16);
  position: relative;
}

.service_type_container div p {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: calc(32rem / 16);
  color: #FFFFFF;
  position: relative;
}

.service_type_container div span {
  font-family: PingFang SC;
  font-weight: 300;
  font-size: calc(20rem / 16);
  color: #FFFFFF;
  position: relative;
}

.service_type_container div:nth-child(1) {
  background: url("../imgs/zlzh/serviceType1.png");
  /* background-size: 100% 100%; */
  background-position: 50% 50% !important;
}

.service_type_container div:nth-child(2) {
  background: url("../imgs/zlzh/serviceType2.jpg");
  background-size: 100% 100%;
  background-position: 50% 50% !important;
}

.service_type_container div:nth-child(3) {
  background: url("../imgs/zlzh/serviceType3.jpg");
  background-size: 100% 125%;
  background-position: 50% 50% !important;
}

.service_type_container div:nth-child(4) {
  background: url("../imgs/zlzh/serviceType4.jpg");
  /* background-size: 100% 100%; */
  background-position: 50% 50% !important;
}

.service_type_container div:nth-child(6) {
  background: url("../imgs/zlzh/serviceType5.jpg");
  /* background-size: 100% 100%; */
  background-position: 50% 50% !important;
}

.service_type_container div:nth-child(5) {
  background: url("../imgs/zlzh/serviceType6.jpg");
  /* background-size: 100% 100%; */
  background-position: 50% 50% !important;
}

/* 服务内容 */
.zlzhCg2 {
  width: calc(1920rem / 16);
  height: calc(1093rem / 16);
  background: url("../imgs/zlzh/bg2.jpg");
  background-size: 100% 100%;

  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.service_content_container {
  width: 88rem;
  height: calc(758rem/16);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(44rem/16);
  flex-wrap: wrap;
}

.service_content_container .service_item {
  width: calc(440rem/16);
  height: calc(358rem/16);
  background: rgba(255, 255, 255, 0.1);
  border-radius: calc(10rem / 16);
  border: 0.0625rem solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.service_content_container .service_item .img_defalut {
  width: calc(115rem/16);
  height: calc(115rem/16);
}

.service_content_container .service_item .img_defalut_tit {
  font-weight: 600;
  font-size: calc(40rem/16);
  color: #FFFFFF;
  line-height: calc(93rem/16);
}

.service_content_container .service_item .service_item_hover {
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #024AFF 0%, #5988FF 100%);
  border-radius: calc(10rem/16);
  position: absolute;
  opacity: 0;
}

.service_content_container .service_item .service_item_hover .service_item_hover_con {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(28rem/16);
  margin-top: 8%;
  margin-bottom: 3%;
}

.service_content_container .service_item .service_item_hover .service_item_hover_con .service_item_hover_con_img {
  width: calc(81rem/16);
  height: calc(81rem/16);
}

.service_content_container .service_item .service_item_hover .hover_con_tit {
  font-weight: 600;
  font-size: calc(40rem/16);
  color: #FFFFFF;
  line-height: calc(93rem/16);
}

.service_content_container .service_item .service_item_hover ul {
  width: 80%;
  margin: 0 auto;
}

.service_content_container .service_item .service_item_hover ul li img {
  width: calc(17rem/16);
  height: calc(17rem/16);
  margin-right: calc(13rem/16);
}

.service_content_container .service_item .service_item_hover ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 50%;
  height: calc(25rem/16);
  float: left;
  font-weight: normal;
  font-size: calc(26rem/16);
  color: #FFFFFF;
  margin: calc(10rem/16) auto;
  opacity: 0.6;
}

.service_content_container .service_item:hover .service_item_hover {
  opacity: 1;
}

/*
 新媒体运营
*/
.xmtyyCg1 {
  width: 100vw;
  height: calc(990rem / 16);
  background: url("../imgs/xmtyy/serviceContent.jpg") no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.swiperCg_xmtyy {
  width: 100%;
  height: 55rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5rem;
  position: absolute;
}


.swiperCg_xmtyy_banner2 {
  width: 80%;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  gap: 3rem;
}


.swiperCg_xmtyy_banner2 .top_title {
  width: calc(1395rem / 16);
  height: calc(52rem / 16);
  font-family: Microsoft YaHei;
  font-weight: 600;
  font-size: calc(56rem / 16) !important;
  color: #ffffff;
  line-height: calc(53rem / 16);
  text-align: left;
}

.swiperCg_xmtyy_banner2 .top_title_info {
  width: calc(453rem / 16);
  height: calc(33rem / 16);
  font-family: Microsoft YaHei;
  font-weight: 600;
  font-size: calc(36rem / 16);
  color: #ffffff;
  line-height: calc(53rem / 16);
  text-align: left;
  letter-spacing: calc(7rem / 16);
  margin-top: 2rem;
}

.swiperCg_xmtyy_banner2 .banner_info {
  width: calc(680rem / 16);
  height: calc(67rem / 16);
  font-family: Microsoft YaHei;
  font-size: calc(24rem /16);
  color: #ffffff;
  line-height: calc(42rem / 16);
  text-align: left;
  letter-spacing: calc(4rem / 16)
}

.swiperCg_xmtyy_banner2 .title_line {
  width: calc(287rem / 16);
  height: calc(3rem / 16);
  background-color: #ffffff;
  margin-top: 2rem;
}

.swiperCg_xmtyy .top_title {
  font-family: MicrosoftYaHeiSemibold;
  font-weight: 500;
  font-size: calc(58rem / 16) !important;
  color: #fcfcfc;
  line-height: calc(53rem / 16);
  letter-spacing: calc(15rem / 16)
}

.swiperCg_xmtyy .banner_info {
  font-family: MicrosoftYaHeiSemibold;
  font-size: calc(23rem / 16);
  color: #ffffff;
  line-height: calc(42rem / 16);
}

.swiperCg_xmtyy .title_line {
  width: calc(517rem / 16);
  height: calc(3rem / 16);
  background-color: #ffffff;
}

.title_parent {
  position: relative;
  display: flex;
  justify-content: center;
}

.wx_wb_cg {
  position: relative;
  top: 0;
  display: flex;
}

.wx_wb_left {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
}

.wx_wb_right {
  width: 50%;
}

.wx_wb_right img {
  width: calc(573rem / 16);
  height: calc(405rem / 16);
  border: solid 1px #FAFAFA;
  padding: 0.4rem;
}

.wx_wb_title {
  width: calc(520rem / 16);
  text-align: center;
  font-family: Microsoft YaHei;
  font-weight: 800;
  font-size: calc(60rem / 16);
  color: #FAFAFA;
  line-height: calc(53rem / 16);
  padding-bottom: 1.8rem;
  border-bottom: solid 2px #FAFAFA;
}

.wx_wb_content {
  width: 100vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 2rem;
}

.wx_wb_content ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  display: none;
}

.wx_wb_content ul li {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}

.wx_wb_content ul li p {
  width: calc(135rem / 16);
  font-family: Microsoft YaHei;
  font-weight: 600;
  font-size: calc(18rem / 16);
  color: #FFFFFF;
  line-height: calc(73rem / 16);
}

.wx_wb_content ul li img {
  width: calc(22rem / 16);
  height: calc(22rem / 16);
}

.wx_wb_content ul:nth-of-type(4) li:nth-of-type(1) {
  display: block;
  width: 100%;
  color: #FFFFFF;
  font-size: calc(22rem / 16);
  position: absolute;
  top: 129%;
  text-align: center;
}

/*
 新媒体运营-服务内容--下侧内容
*/
.wx_wb_bottom_info {
  width: calc(1446rem / 16);
  height: calc(300rem / 16);
  position: relative;
  top: 8rem;

}

.left_arrow,
.right_arrow {
  width: calc(57rem / 16);
  height: calc(57rem / 16);
  cursor: pointer;
}

.left_arrow {
  position: absolute;
  left: calc(-130rem / 16);
  top: 12rem;
}

.right_arrow {
  position: absolute;
  right: calc(-130rem / 16);
  top: 12rem;
  transform: rotate(180deg);
}

.wx_wb_bottom_info .tab_page1 {
  width: calc(1445rem / 16);
  height: calc(445rem / 16);
  overflow: hidden;
  display: flex;
}

.wx_wb_bottom_info .tab_page1 .tab_content_inside {
  /* min-width: calc(2324rem / 16); */
  display: none;
}

.xhsyy_content {
  margin-left: 9rem;
}

.active_inside {
  display: flex !important;
  flex-wrap: nowrap;
  flex-basis: calc(273rem / 16);
  gap: calc(20rem / 16);
}

.active_tag {
  display: flex !important;
}

.wx_wb_bottom_info .tab_page1 .tab_content_inside .item_content {
  width: calc(273rem / 16) !important;
  height: calc(445rem / 16);
  background-color: #FAFAFA;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border-radius: calc(10rem / 16);
}

.wx_wb_bottom_info .tab_page1 .tab_content_inside .item_content .item_content_title {
  min-width: calc(154rem / 16);
  height: calc(31rem / 16);
  font-family: Microsoft YaHei;
  font-weight: 600;
  font-size: calc(26rem / 16);
  color: #021324;
  text-align: center;
}

.wx_wb_bottom_info .tab_page1 .tab_content_inside .item_content .item_content_info {
  width: calc(221rem / 16);
  height: calc(84rem / 16);
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(14rem / 16);
  color: #000000;
  line-height: calc(23rem / 16);
}

/* 服务内容tab */
.service_tab {
  width: 100vw;
  height: calc(152rem / 16);
  position: relative;
  top: 0;
}

.service_tab ul {
  display: flex;
  justify-content: center;
}

.service_tab ul li {
  flex: 1;
  height: calc(90rem / 16);
  line-height: calc(90rem / 16);
  border: solid calc(1rem / 16) #4c65a4;
  background-color: rgba(0, 0, 0, 0.267);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: calc(-1rem / 16);
}

.service_tab ul li span {
  width: calc(179rem / 16);
  height: calc(35rem / 16);
  display: inline-block;
  font-family: Microsoft YaHei;
  font-weight: 600;
  font-size: calc(20rem / 16);
  color: #FFFFFF;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: calc(35rem / 16);

}

.serviceTab_active {
  background: linear-gradient(0deg, #032D97, #1F48AF);
}

.service_tab img {
  margin-right: calc(20rem / 16);
}

.service_tab .xmt {
  width: calc(27rem / 16);
  height: calc(27rem / 16);
}

.service_tab .we {
  width: calc(36rem / 16);
  height: calc(30rem / 16);
}

.service_tab .xhsgg {
  width: calc(31rem / 16);
  height: calc(31rem / 16);
}

.service_tab .shipin {
  width: calc(38rem / 16);
  height: calc(28rem / 16);
}

.service_tab .qita {
  width: calc(33rem / 16);
  height: calc(31rem / 16);
}

.service_tab .yy-icon {
  width: calc(30rem / 16);
  height: calc(30rem / 16);
}

.wx_wb_bottom_info .item_content img {
  width: calc(120rem / 16);
  height: calc(120rem / 16);
}

/*
新媒体运营-服务类型
*/
.xmtyyCg2 {
  width: calc(1920rem / 16);
  height: calc(1080rem / 16);
  background: url("../imgs/yishizhizuo/wx_video.jpg") no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.right_line_style {
  width: calc(54rem / 16);
  height: calc(1rem / 16);
  background-color: #FFFFFF;
  margin: 2rem 0;
  display: none;
}

.right_line_style1 {
  width: calc(54rem / 16);
  height: calc(1rem / 16);
  background-color: #FFFFFF;
  margin: 1rem 0;
  display: none;
}

.serviceType {
  width: calc(1444rem / 16);
  height: calc(707rem / 16);
  margin: 0 auto;
  display: flex;
  position: relative;
  top: 15rem;
  flex-wrap: wrap;
  gap: calc(29rem / 16);
  overflow: hidden;
}

.serviceType_item {
  width: calc(462rem / 16);
  height: calc(339rem / 16);
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: self-start;
  gap: 1rem;
  background-color: #FFFFFF;
  border: solid 1px #E4E4E4;
  padding: calc(43rem / 16);
  box-sizing: border-box;
  border-radius: calc(25rem / 16);
  overflow: hidden;
}

.serviceType_item .right_icon {
  width: calc(76rem / 16);
  height: calc(76rem / 16);
}

/* .serviceType_item:hover {
  margin: 0;
  top: 0;
  background: url("../imgs/xmtyy/TypeOfService.png") no-repeat;
  background-size: 100% 100%;
  border: none;
}

.serviceType_item:nth-of-type(2):hover {
  background: url("../imgs/xmtyy/wbtg_h.png") no-repeat !important;
}

.serviceType_item:nth-of-type(3):hover {
  background: url("../imgs/xmtyy/xhszc_h.png") no-repeat !important;
}

.serviceType_item:nth-of-type(4):hover {
  background: url("../imgs/xmtyy/dsp_h.png") no-repeat !important;
}

.serviceType_item:nth-of-type(5):hover {
  background: url("../imgs/xmtyy/nryy_h.png") no-repeat !important;
}

.serviceType_item:nth-of-type(6):hover {
  background: url("../imgs/xmtyy/gw_h.png") no-repeat !important;
} */
.serviceType_item:hover {
  margin: 0;
  top: 0;
  background: #257DFA !important;
  border: none;
}

.serviceType_item:nth-of-type(1) {
  background: url("../imgs/xmtyy/wbtg_h.jpg") no-repeat;
}

.serviceType_item:nth-of-type(2) {
  background: url("../imgs/xmtyy/wbtg_h.jpg") no-repeat;
}

.serviceType_item:nth-of-type(3) {
  background: url("../imgs/xmtyy/xhszc_h.jpg") no-repeat;
}

.serviceType_item:nth-of-type(4) {
  background: url("../imgs/xmtyy/dsp_h.jpg") no-repeat;
}

.serviceType_item:nth-of-type(5) {
  background: url("../imgs/xmtyy/nryy_h.jpg") no-repeat;
}

.serviceType_item:nth-of-type(6) {
  background: url("../imgs/xmtyy/gw_h.jpg") no-repeat;
}

.serviceType_item:hover .serviceType_center_text {
  color: #fff;
  opacity: 1;
}

.serviceType_item:hover .serviceType_title {
  color: #fff !important;
}

.serviceType_item:hover .right_icon {
  display: none;
}

.serviceType_item:hover .right_line_style {
  background-color: #fff;
  display: block;
}

.serviceType_item:hover .right_line_style1 {
  background-color: #333;
  display: block;
}

.left_number {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.back_number {
  font-family: Arial;
  font-weight: bold;
  font-size: calc(194rem / 16);
  color: rgba(255, 255, 255, 0);
  text-stroke: 1px #000000;
  opacity: 0.2;
  -webkit-text-stroke: 1px #000000;
}

.serviceType_center_text {
  width: 100%;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(15.5rem / 16);
  color: #ffff;
  text-align: justify;
  line-height: calc(28rem / 16);
  opacity: 0.8;
}

.serviceType_title {
  /* width: 52rem;
  height: 40rem; */
}

.serviceType_title {
  width: calc(390rem / 16);
  display: block;
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: calc(24rem / 16);
  color: #fff;
}



.xmtyyCg3 {
  width: 100vw;
  height: calc(990rem / 16);
  background: url("../imgs/xmtyy/service-Content.jpg") no-repeat;
  background-size: 100% 100%;
}

.service_content_bottom_huil {
  position: relative;
  top: 20rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(1516rem / 16);
  height: calc(612rem / 16);
  overflow: hidden;
}

.service_content_bottom {
  width: calc(7400rem / 16);
  display: flex;
  gap: calc(32rem / 16);
  /* animation: scroll_Left 24s linear infinite;
  transition: none; */
}

@keyframes scroll_Left {
  0% {
    transform: translateX(0);
  }

  35% {
    transform: translateX(-4%);
  }

  65% {
    transform: translateX(-10%);
  }

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

.service_content_bottom:hover {
  animation-play-state: paused;
}

.service_content_bottom .item_content {
  width: calc(273rem / 16);
  height: calc(445rem / 16);
  background-color: #FAFAFA;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border-radius: calc(10rem / 16);
}

.service_content_bottom .item_content img {
  width: calc(80rem / 16);
  height: calc(80rem / 16);
}

.service_content_bottom .item_content .item_content_title {
  min-width: calc(154rem / 16);
  height: calc(31rem / 16);
  font-family: Microsoft YaHei;
  font-weight: 600;
  font-size: calc(32rem / 16);
  color: #021324;
  text-align: center;
}

.service_content_bottom .item_content .item_content_info {
  width: calc(221rem / 16);
  height: calc(121rem / 16);
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-top: 2rem;
  font-size: calc(20rem / 16);
  color: #000000;
}

.left_mai,
.right_mai {
  width: calc(33rem / 16) !important;
  height: calc(46rem / 16) !important;
}

/*
  短视频运营
*/
.swiperCg_video {
  width: 100%;
  height: 55rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 12rem;
  align-items: center;
  gap: 4rem;
  position: absolute;
  padding-top: 15rem;
}

.swiperCg_video .bannerBtn{
bottom: 20%;
}

.swiperCg_video .top_title {
  font-family: MicrosoftYaHeiSemibold;
  font-weight: 600;
  font-size: calc(58rem / 16) !important;
  color: #ffffff;
  line-height: calc(53rem / 16);
  letter-spacing: calc(15rem / 16)
}

.swiperCg_video .top_title_copy {
  font-family: MicrosoftYaHeiSemibold;
  font-weight: 600;
  font-size: calc(55rem / 16) !important;
  color: #ffffff;
  line-height: calc(53rem / 16);
  letter-spacing: calc(15rem / 16)
}

.swiperCg_video .title_line {
  width: calc(350rem / 16);
  height: calc(3rem / 16);
  margin-right: 1rem;
  background-color: #ffffff;
}

.swiperCg_video .banner_info {
  font-family: MicrosoftYaHeiSemibold;
  font-size: calc(22rem / 16);
  color: #ffffff !important;
  line-height: calc(42rem / 16);
  letter-spacing: calc(10rem / 16)
}

.swiperCg_video2 {
  width: 85%;
  height: 55rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 12rem;
  align-items: start;
  gap: 4rem;
  position: absolute;
  padding-top: 15rem;
}
.swiperCg_video2 .bannerBtn{
  left: 15%;
    bottom: 26%;
}

.swiperCg_video2 .top_title2 {
  font-family: MicrosoftYaHeiSemibold;
  font-weight: 600;
  font-size: calc(58rem / 16) !important;
  color: #ffffff;
  line-height: calc(53rem / 16);
  letter-spacing: calc(15rem / 16)
}

.swiperCg_video2 .top_title_copy2 {
  font-family: MicrosoftYaHeiSemibold;
  font-weight: 600;
  font-size: calc(55rem / 16) !important;
  color: #ffffff;
  line-height: calc(53rem / 16);
  letter-spacing: calc(15rem / 16)
}

.swiperCg_video2 .title_line2 {
  width: calc(350rem / 16);
  height: calc(3rem / 16);
  margin-right: 1rem;
  background-color: #ffffff;
}

/* 服务内容 */
.dspyyCg1 {
  width: 100vw;
  height: calc(1080rem / 16);
  background: url('../imgs/yishizhizuo/service_content.jpg') no-repeat;
  background-size: 100% 100%;
}

.dspyyCg1 .title_copy {
  width: 100%;
  height: 8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  position: relative;
  top: 8rem;
}

.dspyyCg1 .title_copy .title_line {
  width: calc(113rem / 16);
  height: calc(1rem / 16);
  background-color: #FFFFFF;
}

.dspyyCg1 .title_copy p {
  color: #ffffff;
  font-family: MicrosoftYaHeiSemibold;
  font-weight: 500;
  font-size: calc(38rem / 16);
  color: #FFFFFF;
  line-height: calc(36rem / 16);
  letter-spacing: 1rem;
  margin-left: 0.6rem;
}

.dot_parent {
  width: 100%;
  height: 70%;
  position: relative;
  top: 12.2rem;
}

.dot_parent .top_dot {
  width: 80%;
  height: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10em;
  margin: 0 auto;
}

.dot_parent .bottom_dot {
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8rem;
  margin: 0 auto;
}

.top_dot_parent {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
}

.top_dot_parent .dot_style {
  width: calc(140rem / 16);
  height: calc(140rem / 16);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}

.top_dot_parent .dot_style:hover {
  background: linear-gradient(0deg, #1C50D5, #2755C9);
  cursor: pointer;
}

.top_dot_parent .dot_style img {
  width: calc(59rem / 16);
  height: calc(61rem / 16);
}

.top_dot_parent .top_dot_title {
  color: #fff;
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: calc(22rem / 16);
  color: #FFFFFF;
  line-height: calc(30rem / 16);
}

.top_dot_parent .bottom_dot_info {
  height: calc(49rem / 16);
  font-family: Microsoft YaHei;
  font-weight: 600;
  font-size: calc(16rem / 16);
  color: #BEC0C8;
  /* line-height: calc(32rem / 16); */
  text-align: center;
}

.spzz_dyy {
  width: 100vw;
  height: calc(930rem / 16);
  background-color: #EBF0FC;

}

.spzz_dyy .title_copy {
  width: 100%;
  height: 8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  position: relative;
  top: calc(150rem / 16);
}

.spzz_dyy .title_copy .title_line {
  width: calc(113rem / 16);
  height: calc(1rem / 16);
  background-color: #000000;
}

.spzz_dyy .title_copy p {
  font-family: MicrosoftYaHeiSemibold;
  font-weight: 500;
  font-size: calc(38rem / 16);
  color: #000000;
  line-height: calc(36rem / 16);
  text-align: center;
  margin-left: 0.6rem;
}

.dpzz_dyy {
  width: 100%;
  height: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  position: relative;
  top: 10rem;
}

.dpzz_dyy .dyy_item {
  width: calc(303rem / 16);
  height: calc(398rem / 16);
  background-color: #FFFFFF;
  border-radius: 5%;
  padding: 2rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 4rem;
}

/* 短视频运营鼠标滑过效果 */
.dpzz_dyy .dyy_item:hover {
  animation: all 2s;
  background: url('../imgs/yishizhizuo/active_background.jpg') no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.dpzz_dyy .dyy_item:hover .dyy_item_info {
  color: #fff;
  -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.dpzz_dyy .dyy_item:hover .dyy_item_title .left_title_style p {
  color: #fff;
}

.dpzz_dyy .dyy_item:hover .dyy_item_title .dyy_item_title_line {
  background-color: #fff;
}

.dpzz_dyy .dyy_item:hover .right_number {
  color: #fff;
}

@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(calc(200rem / 16));
    transform: translateY(calc(200rem / 16));
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.dyy_item_title {
  display: flex;
  justify-content: space-between;
}

.dyy_item_title .left_title_style p {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: calc(20rem / 16);
  color: #000000;
}

.dyy_item_title .dyy_item_title_line {
  width: calc(79rem / 16);
  height: calc(1rem / 16);
  background-color: #000000;
  margin-top: 1rem;
}

.dyy_item_title .right_number {
  font-family: Microsoft YaHei;
  font-weight: 300;
  font-size: calc(36rem / 16);
  color: #B6B6C1;
  line-height: calc(36rem / 16);
}

.dpzz_dyy .dyy_item_info {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(18rem / 16);
  color: #777777;
  line-height: calc(32rem / 16);
}

.dspyyCg2 {
  width: 100%;
  height: calc(1080rem / 16);
  background: url('../imgs/yishizhizuo/service_content(2).jpg') no-repeat;
  background-size: 100% 100%;
}

.dspyyCg2 .title_copy {
  width: 100%;
  height: 8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  position: relative;
  top: 10rem;
}

.dspyyCg2 .title_copy .title_line {
  width: calc(113rem / 16);
  height: calc(1rem / 16);
  background-color: #FFFFFF;
}

.dspyyCg2 .title_copy p {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-family: MicrosoftYaHeiSemibold;
  font-weight: 500;
  font-size: calc(36rem / 16);
  color: #FFFFFF;
  line-height: calc(36rem / 16);
  letter-spacing: 1rem;
  margin-left: 0.6rem;
}

.platform_style {
  width: 100%;
  height: calc(80rem / 16);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  position: relative;
  top: 14rem;
}

.platform_style img {
  width: calc(80rem / 16);
  height: calc(80rem / 16);
}

.platform_style span {
  font-family: Microsoft YaHei;
  font-weight: 600;
  font-size: calc(46rem / 16);
  color: #FFFFFF;
  line-height: calc(36rem / 16);
}

.douyin_content {
  width: 100%;
  height: calc(305rem / 16);
  display: flex;
  justify-content: center;
  gap: 2.5rem;
  position: relative;
  top: 22rem;
}

.douyin_content .douyin_item {
  width: calc(322rem / 16);
  height: calc(305rem / 16);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  border: solid calc(1rem / 16) #ffffff;
}

.douyin_content .douyin_item:hover {
  background: linear-gradient(-29deg, #032D97, #2C55BC);
  border: none;
  cursor: pointer;
  animation: all 2s;
}

.douyin_content .img_nth-child1 {
  width: calc(40rem / 16);
  height: calc(34rem / 16);
}

.douyin_content .img_nth-child2 {
  width: calc(38rem / 16);
  height: calc(38rem / 16);
}

.douyin_content .img_nth-child3 {
  width: calc(40rem / 16);
  height: calc(36rem / 16);
}

.douyin_content .img_nth-child4 {
  width: calc(40rem / 16);
  height: calc(35rem / 16);
}

.douyin_content .douyin_item .douyin_item_title {
  font-family: Microsoft YaHei;
  font-weight: 600;
  font-size: calc(28rem / 16);
  color: #FFFFFF;
  line-height: calc(10rem / 16);
}

.douyin_content .douyin_item .douyin_item_info {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(18rem / 16);
  color: #FFFFFF;
  line-height: calc(33rem / 16);
  text-align: center;
}

/* 视频号 */
.dspyyCg3 {
  width: 100%;
  height: calc(934rem / 16);
  background: url('../imgs/yishizhizuo/wx_video.jpg') no-repeat;
  background-size: 100% 100%;
}

.dspyyCg3 .platform_style_wx {
  width: 100%;
  height: calc(80rem / 16);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  position: relative;
  top: 7rem;
}

.dspyyCg3 .platform_style_wx img {
  width: calc(80rem / 16);
  height: calc(80rem / 16);
}

.dspyyCg3 .platform_style_wx span {
  font-family: Microsoft YaHei;
  font-size: calc(46rem / 16);
  color: #070707;
  line-height: calc(36rem / 16);
}

.wx_list_Parent {
  width: 29rem;
  height: 20rem;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: 3rem 2rem;
  position: relative;
  right: -5rem;
}

.wx_list_Parent {
  width: 40.5rem;
}

.wx_list_text {
  width: calc(247rem / 16);
  height: 3rem;
  text-align: center;
  border-bottom: solid 1px #083fca;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  /* transform: scale(.6);*/
}

.wx_list_text p {
  text-align: left;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: calc(20rem / 16);
}

.dot_huil {
  width: 1rem;
  height: 1rem;
  background-color: rgba(8, 63, 202, 0.5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dot_huil .dot_inner {
  width: calc(6rem / 16);
  height: calc(6rem / 16);
  background-color: #083fca;
  border-radius: 50%;

}

.wx_video_Parent {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 12rem;
}

.wx_video_Parent .right_text_info {
  width: calc(405rem / 16);
  position: relative;
  left: -6rem;
}

.ranking_content {
  width: 27rem;
  height: 18rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  border-bottom: solid 1px #5276d1;
}

.ranking_content .ranking {
  width: calc(47rem / 16) !important;
  height: calc(47rem / 16) !important;
  background-color: rgb(50, 205, 179);
  text-align: center;
  line-height: calc(47rem / 16);
  border-radius: 50%;
  color: #ffffff;
  font-size: calc(23rem / 16);
}

.ranking_content .ranking_text {
  width: 21rem;
}

.ranking_content .ranking_text p:nth-child(1) {
  font-family: Microsoft YaHei;
  font-weight: 600;
  font-size: calc(24rem / 16);
  color: #282828;
  text-align: right;
}

.ranking_content .ranking_text p:nth-child(2) {
  font-family: Microsoft YaHei;
  font-weight: 300;
  font-size: calc(20rem / 16);
  color: #282828;
  line-height: calc(32rem / 16);
  text-align: left;
}

.wx_video_center {
  width: calc(736rem / 16);
  height: calc(491rem / 16);
}

/* 快手 */
.dspyyCg4 {
  width: 100%;
  height: calc(1080rem / 16);
  background: url('../imgs/yishizhizuo/ks_Background.jpg') no-repeat;
  background-size: 100% 100%;
}

.dspyyCg4 .platform_style_ks {
  width: 100%;
  text-align: center;
  position: relative;
  top: calc(172rem / 16);
}

.dspyyCg4 .platform_style_ks img {
  width: calc(187rem / 16);
  height: calc(62rem / 16);
}

.ks_content {
  display: flex;
  justify-content: center;
  gap: 2rem;
  position: relative;
  top: 20rem;
}

.ks_content .ks_item {
  width: calc(337rem / 16);
  height: calc(464rem / 16);
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  gap: 1rem;
  padding: 4rem;
}

.ks_content .ks_item img {
  width: calc(74rem / 16);
  height: calc(74rem / 16);
}

.ks_content .ks_item .ks_title {
  font-family: Microsoft YaHei;
  font-weight: 600;
  font-size: calc(28rem / 16);
  color: #000000;
  line-height: calc(36rem / 16);
  width: calc(150rem / 16);
  height: calc(27rem / 16);

}

.ks_content .ks_item .ks_copy_title {
  font-family: PingFang SC;
  font-weight: 300;
  font-size: calc(12rem / 16);
  color: #757575;
  line-height: calc(36rem / 16);
  width: calc(149rem / 16);
  height: calc(10rem / 16);
  line-height: calc(10rem / 16);
}

.ks_content .ks_item .ks_line {
  width: calc(258rem / 16);
  height: calc(1rem / 16);
  background-color: #ecebeb;
}

.ks_content .ks_item .ks_info {
  width: calc(260rem / 16);
  height: calc(80rem / 16);

  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(20rem / 16);
  color: #666666;
  line-height: calc(30rem / 16);
  text-align: left;
}

/* bilibili */
.dspyyCg5 {
  width: 100%;
  height: calc(1248rem / 16);
  background: url('../imgs/yishizhizuo/bilibili.jpg') no-repeat;
  background-size: 101% 101%;
  position: relative;
}

.dspyyCg5 .platform_style_bilibili {
  width: 100%;
  text-align: center;
  position: relative;
  top: calc(82rem / 16);
}

.dspyyCg5 .platform_style_bilibili img {
  width: calc(235rem / 16);
  height: calc(74rem / 16);
}

.dspyyCg5 .copy_title_bilibili {
  width: 100%;
  text-align: center;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(26rem / 16);
  color: #454545;
  line-height: calc(33rem / 16);
  position: relative;
  top: 8rem;
}

.dspyyCg5 .bilibili_introduce {
  position: relative;
}

.dspyyCg5 .bilibili_introduce .bilibili_center {
  width: calc(450rem / 16);
  height: calc(450rem / 16);
  position: absolute;
  left: 50%;
  top: 18rem;
  transform: translate(-50%, 0%);
  opacity: 0;
  /* -webkit-animation: slide-in-bottom-bilibili 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-in-bottom-bilibili 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; */
}

.dspyyCg5 .bilibili_bottom_text {
  width: calc(1090rem / 16);
  height: calc(119rem / 16);
  background: rgba(255, 255, 255, 0.38);
  border-radius: 10px;
  border: 1px solid #a8a7a7;
  position: absolute;
  left: 50%;
  top: 64rem;
  transform: translate(-50%, 0%);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  /* -webkit-animation: slide-in-bottom-bilibili 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 3.5s;
  animation: slide-in-bottom-bilibili 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 3.5s; */
}

.dspyyCg5 .bilibili_bottom_text p {
  width: calc(993rem / 16);
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(26rem / 16);
  color: #454545;
  line-height: calc(40rem / 16);
}

.dspyyCg5 .bilibili_introduce .cpgg_parent {
  width: calc(350rem / 16);
  height: calc(20rem / 16);
  position: absolute;
  top: 20rem;
  left: 22rem;
  text-align: right;
  opacity: 0;
  /* -webkit-animation: slide-in-left_bilibili 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both .5s;
  animation: slide-in-left_bilibili 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both .5s; */
}

.dspyyCg5 .bilibili_introduce .cpgg_parent1 {
  width: calc(380rem / 16);
  height: calc(20rem / 16);
  position: absolute;
  top: 43rem;
  left: 22rem;
  text-align: right;
  opacity: 0;
  /* -webkit-animation: slide-in-left_bilibili 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 1s;
  animation: slide-in-left_bilibili 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 1s; */
}

.dspyyCg5 .bilibili_introduce .cpgg_parent2 {
  width: calc(350rem / 16);
  height: calc(20rem / 16);
  position: absolute;
  top: 43rem;
  left: 75rem;
  text-align: left;
  opacity: 0;
  /* -webkit-animation: slide-in-left_bilibili 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 2s;
  animation: slide-in-left_bilibili 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 2s; */
}

.dspyyCg5 .bilibili_introduce .cpgg_parent3 {
  width: calc(350rem / 16);
  height: calc(20rem / 16);
  position: absolute;
  top: 20rem;
  left: 75rem;
  text-align: left;
  opacity: 0;
  /* -webkit-animation: slide-in-left_bilibili 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 1.5s;
  animation: slide-in-left_bilibili 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 1.5s; */
}

.dspyyCg5 .bilibili_introduce .cpgg_parent4 {
  width: calc(350rem / 16);
  height: calc(20rem / 16);
  position: absolute;
  top: 31.1rem;
  left: 83rem;
  text-align: left;
  opacity: 0;
  /* -webkit-animation: slide-in-left_bilibili 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 3s;
  animation: slide-in-left_bilibili 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 3s; */
}

.cpgg_title_right {
  font-family: Microsoft YaHei;
  font-weight: 600;
  font-size: calc(24rem / 16);
  color: #282828;
  line-height: calc(30rem / 16);
  margin-left: 1rem;
}

.cpgg_title_right::before {
  content: '';
  display: block;
  width: calc(12rem / 16);
  height: calc(12rem / 16);
  background: #022F87;
  border-radius: 50%;
  position: absolute;
  top: 0.6rem;
  left: 0rem;
}

.cpgg_title {
  font-family: Microsoft YaHei;
  font-weight: 600;
  font-size: calc(24rem / 16);
  color: #282828;
  line-height: calc(30rem / 16);
  margin-left: 1rem;
}

.cpgg_title::before {
  content: '';
  display: block;
  width: calc(12rem / 16);
  height: calc(12rem / 16);
  background: #022F87;
  border-radius: 50%;
  position: absolute;
  top: 0.6rem;
  right: 6.5rem;
}

.cpgg_info {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(18rem / 16);
  color: #656565;
  line-height: calc(30rem / 16);
}

.tip_line {
  width: calc(290rem / 16);
  height: calc(2rem / 16);
  background: #022F87;
  opacity: 0.5;
  position: absolute;
  top: 32.05rem;
  left: 64.9rem;
  z-index: 2;
  opacity: 0;
  /* -webkit-animation: slide-in-left_bilibili 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 2.5s;
  animation: slide-in-left_bilibili 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 2.5s; */
}

@keyframes slide-in-bottom-bilibili {
  0% {
    -webkit-transform: translate(-50%, calc(200rem / 16));
    transform: translate(-50%, calc(200rem / 16));
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    opacity: 1;
  }
}



@keyframes slide-in-left_bilibili {
  0% {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

/*
 兼容手机端
*/
@media screen and (max-width: 450px) {
  body {
    font-size: 8px;
  }

  html {
    font-size: 125%;
  }

  .top_dot_parent .bottom_dot_info {
    width: auto;
    height: calc(60rem / 16);
    transform: scale(0.6);
    line-height: calc(50rem / 16);
    text-align: left;
  }

  .dpzz_dyy .dyy_item_info {
    width: calc(280rem / 16);
    transform: scale(.8);
    line-height: calc(46rem / 16);
    position: relative;
    top: -4rem;
    left: -2rem;
  }

  .service_tab ul li span {
    width: calc(240rem / 16);
    transform: scale(0.8);
  }

  .wx_wb_content ul li p {
    width: calc(160rem / 16);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transform: scale(0.8);
  }

  .wx_wb_bottom_info .tab_page1 .tab_content_inside .item_content .item_content_info {
    transform: scale(.6);
    width: calc(440rem / 16);
    line-height: calc(45rem / 16)
  }

  .wx_wb_bottom_info .tab_page1 .tab_content_inside .item_content .item_content_title {
    transform: scale(.8);
    min-width: calc(190rem / 16);

  }

  .serviceType_title {
    transform: scale(.7);
    width: calc(520rem / 16);
    line-height: calc(40rem / 16);
    height: calc(280rem / 16);
    position: relative;
    left: -3.5rem;
    top: -1rem;

  }

  .serviceType_title span {
    display: block;
    width: calc(520rem / 16);
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .serviceType_center_text {
    transform: scale(.6);
    width: calc(600rem / 16);
    line-height: calc(40rem / 16);
    position: relative;
    left: -6rem;
    top: -4rem;
  }

  .service_content_bottom .item_content .item_content_info {
    transform: scale(.6);
    width: calc(380rem / 16);
    position: relative;
    top: -2rem;
  }

  .swiperCg_xmtyy_banner2 .banner_info {
    transform: scale(.8);
    width: calc(780rem / 16);
  }

  .douyin_content .douyin_item .douyin_item_info {
    transform: scale(.8);
    line-height: calc(42rem / 16);
  }

  .ranking_content .ranking_text p:nth-child(2) {
    transform: scale(.8);
    width: calc(420rem / 16);
    line-height: calc(45rem / 16);
  }

  .ks_content .ks_item .ks_copy_title {
    transform: scale(.8);
    width: calc(450rem / 16);
  }

  .ks_content .ks_item .ks_title {
    transform: scale(.8);
    width: calc(300rem / 16);
  }

  .ks_content .ks_item .ks_info {
    width: calc(380rem / 16);
    transform: scale(.8);
    line-height: calc(45rem / 16);
  }

  .dspyyCg5 .copy_title_bilibili {
    line-height: calc(45rem / 16);
  }

  .cpgg_info {
    transform: scale(.6);
    width: calc(450rem / 16);
    line-height: calc(45rem / 16);
  }

  .dspyyCg5 .bilibili_bottom_text p {
    width: 100rem;
    transform: scale(.8);
  }

  .service_content_active {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding-top: 2rem;
  }

  .service_content_container .service_content_tab div {
    align-items: start;
  }

  .service_content_container .service_content_tab div p:nth-child(1) {
    transform: scale(.6);
    font-size: calc(26rem / 16) !important;
    margin-left: -1.5rem;
  }

  .service_content_container .service_content_tab div p:nth-child(2) {
    display: block;
    width: calc(520rem / 16);
    transform: scale(.4);
    font-size: calc(18rem / 16) !important;
    text-align: left;
    white-space: nowrap;
    margin-left: -8rem;
  }

  .service_content_container .service_content_tab div p:nth-child(2)::after {
    content: "...";
  }

  .service_type_container div:hover .Engineering_text {
    transform: scale(.6);
    font-size: calc(26rem / 16) !important;
    width: calc(450rem / 16);
    height: calc(120rem / 16);
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .service_type_container div {
    gap: 0;
  }
}