.sjcTop,
.sjcTop2,
.sjcBottom,
.sjcLeft,
.sjcRight,
.bg,
.leftWow,
.rightWow,
.bottomWow,
.boxBg,
.rotateWow {
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.rotateWow{
  transform: rotate(-20deg);
}
.rotateWowActive{
  transform: rotate(0deg);
}
.ShortVideo .wjtcrmBoxBanner {
  position: relative;
  z-index: 1;
}
.ShortVideo .wjtcrmBoxBanner img {
  display: block;
  width: 100%;
}
.ShortVideo .wjtcrmBoxBanner .container1 {
  max-width: 1340px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  height: 100%;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
  align-items: center;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterL {
  flex: 0 0 40%;
  justify-content: center;
  float: left;
  width: 40%;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterL h4 {
  font-size: 55px;
  display: block;
  font-weight: bold;
  color: #fff;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterL h5 {
  letter-spacing: 2.6px;
  font-size: 26px;
  color: #ffddc9;
  display: table;
  line-height: 2;
  border-bottom: 2px solid #feb36e;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterL p {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  margin: 35px 0;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterL .wjtcrmBoxLInput {
  background: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  padding: 0.07rem 0.2rem;
  box-sizing: border-box;
  border: solid 1px #eaeaea;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterL .wjtcrmBoxLInput .wjtcrmBoxLInputBox {
  height: 0.36rem;
  flex: 0 0 65%;
  justify-content: center;
  float: left;
  width: 65%;
  padding-left: 0.25rem;
  font-size: 0.16rem;
  box-sizing: border-box;
  color: #c9c9c9;
  background: url(../images/wjtcrmBoxLInputBox.png) no-repeat center left;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterL .wjtcrmBoxLInput .wjtcrmBoxLInputButton {
  border: 0;
  flex: 0 0 30%;
  justify-content: center;
  float: left;
  width: 30%;
  cursor: pointer;
  background-color: #fb8837;
  border-radius: 5px;
  font-size: 0.18rem;
  color: #fff;
  letter-spacing: 2px;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterL .wjtcrmBoxLInput .wjtcrmBoxLInputButton::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  background: #ff4e00;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterL .wjtcrmBoxLInput .wjtcrmBoxLInputButton i {
  position: relative;
  display: block;
  z-index: 2;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterL .wjtcrmBoxLInput .wjtcrmBoxLInputButton:hover::after {
  left: 0;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterL .wjtcrmBoxLInput .wjtcrmBoxLInputButton:hover i {
  color: #fff;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterR {
  position: relative;
  height: 100%;
  flex: 0 0 40.4%;
  justify-content: center;
  float: left;
  width: 40.4%;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterR .ShortVideoBannerCenterRBg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterR .ShortVideoBannerCenterRBgHuman {
  position: absolute;
  bottom: 0;
  left: 24.1%;
  width: 55.41%;
  z-index: 2;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterR .ShortVideoBannerCenterRBgHumanIco {
  position: absolute;
  bottom: 10px;
  right: 16.3%;
  width: 5.713%;
  z-index: 2;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterR .ShortVideoBannerCenterRBgHumanXin {
  position: absolute;
  bottom: 40%;
  right: 7%;
  width: 22.28%;
  z-index: 2;
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterR canvas {
  position: absolute;
  top: 48%;
  right: -12%;
  z-index: 4;
  transform: translate(-50%, -50%);
}
.ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterR .ShortVideoAixin {
  position: absolute;
  bottom: 20%;
  right: 20%;
  width: 42.28%;
  z-index: 2;
}
.sjcTop1 {
  -webkit-transition: 1s;
  transition: 1s;
}
.sjcTop1 {
  transform: translateY(20px);
}
.sjcTop1Active {
  transform: translateY(0px);
}
.container1 {
  max-width: 1340px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}
.ShortVideoPosition {
  margin-top: 100px;
  margin-bottom: 55px;
}
.ShortVideoPosition .ShortVideoPositionBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}
.ShortVideoPosition .ShortVideoPositionBox .ShortVideoPositionBoxL {
  flex: 0 0 51.77%;
  justify-content: center;
  float: left;
  width: 51.77%;
  position: relative;
}
.ShortVideoPosition .ShortVideoPositionBox .ShortVideoPositionBoxL .ShortVideoPositionBoxLImg {
  position: relative;
  top: 0;
  right: 17.24%;
  width: 117.24%;
  display: block;
}
.ShortVideoPosition .ShortVideoPositionBox .ShortVideoPositionBoxR {
  flex: 0 0 40.84%;
  justify-content: center;
  float: left;
  width: 40.84%;
}
.ShortVideoPosition .ShortVideoPositionBox .ShortVideoPositionBoxR h4 {
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  position: relative;
}
.ShortVideoPosition .ShortVideoPositionBox .ShortVideoPositionBoxR h4::after {
  content: "";
  width: 10px;
  height: 100%;
  background: #ff4e00;
  position: absolute;
  top: 2px;
  left: -20px;
}
.ShortVideoPosition .ShortVideoPositionBox .ShortVideoPositionBoxR p {
  display: block;
  font-size: 22px;
  margin-top: 24px;
  color: #5b5a5a;
}
.ShortVideoPosition .ShortVideoPositionBox .ShortVideoPositionBoxR em {
  font-size: 18px;
  color: #797979;
  margin-top: 16px;
  display: block;
}
.ShortVideoPosition .ShortVideoPositionBox .ShortVideoPositionBoxR a {
  display: block;
  margin-top: 0.46rem;
  width: 1.42rem;
  height: 0.36rem;
  border-radius: 0.05rem;
  border: solid 1px #dfdfdf;
  text-align: center;
  line-height: 0.36rem;
  font-size: 0.18rem;
  letter-spacing: 0.04rem;
  color: #6e6e6e;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ShortVideomontage {
  background: #fcfcfc;
}
.ShortVideomontage .ShortVideomontageBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 40px;
  align-items: center;
}
.ShortVideomontage .ShortVideomontageBox .ShortVideomontageL {
  flex: 0 0 40.84%;
  justify-content: center;
  float: left;
  width: 40.84%;
  padding-left: 20px;
}
.ShortVideomontage .ShortVideomontageBox .ShortVideomontageL h4 {
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  position: relative;
}
.ShortVideomontage .ShortVideomontageBox .ShortVideomontageL h4::after {
  content: "";
  width: 10px;
  height: 100%;
  background: #ff4e00;
  position: absolute;
  top: 2px;
  left: -20px;
}
.ShortVideomontage .ShortVideomontageBox .ShortVideomontageL p {
  display: block;
  font-size: 22px;
  margin-top: 24px;
  color: #5b5a5a;
}
.ShortVideomontage .ShortVideomontageBox .ShortVideomontageL em {
  font-size: 18px;
  color: #797979;
  margin-top: 16px;
  display: block;
}
.ShortVideomontage .ShortVideomontageBox .ShortVideomontageL a {
  display: block;
  margin-top: 0.46rem;
  width: 1.42rem;
  height: 0.36rem;
  border-radius: 0.05rem;
  border: solid 1px #dfdfdf;
  text-align: center;
  line-height: 0.36rem;
  font-size: 0.18rem;
  letter-spacing: 0.04rem;
  color: #6e6e6e;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ShortVideomontage .ShortVideomontageBox .ShortVideomontageR {
  flex: 0 0 53.77%;
  justify-content: center;
  float: left;
  width: 53.77%;
  position: relative;
}
.ShortVideomontage .ShortVideomontageBox .ShortVideomontageR .ShortVideomontageRImg {
  width: 100%;
  display: block;
}
.ShortVideomontage .ShortVideomontageBox .ShortVideomontageR .ShortVideomontageRLine1 {
  width: 57%;
  height: 3.75%;
  background: #282828;
  position: absolute;
  top: 78.7%;
  right: 19.8%;
  animation: ShortVideomontageRLine1 5s 0.5s ease-out infinite alternate !important;
}
.ShortVideomontage .ShortVideomontageBox .ShortVideomontageR .ShortVideomontageRLine2 {
  width: 57%;
  height: 3.75%;
  background: #282828;
  position: absolute;
  top: 82.8%;
  right: 19.8%;
  animation: ShortVideomontageRLine1 5s 0.5s ease-out infinite alternate !important;
}
.ShortVideomontage .ShortVideomontageBox .ShortVideomontageR .ShortVideomontageRLineJ {
  width: 5px;
  height: 20.39%;
  position: absolute;
  bottom: 12.4%;
  left: 23.8%;
  background: url(../images/ShortVideomontageRLineJ.png) no-repeat center;
  animation: ShortVideomontageRLineJ 5s 0.5s ease-out infinite alternate !important;
}
.ShortVideoCreate .ShortVideoCreateBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 81px;
  margin-bottom: 91px;
  align-items: center;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL {
  position: relative;
  flex: 0 0 42.77%;
  justify-content: center;
  float: left;
  width: 42.77%;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL .ShortVideoCreateL1 {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL .ShortVideoCreateL2 {
  position: absolute;
  top: 50%;
  left: calc(50%);
  transform: translate(-50%, -50%) rotate(-10deg);
  border-radius: 50%;
  width: 17.577%;
  display: block;
  z-index: 5;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL .ShortVideoCreateL3 {
  position: absolute;
  bottom: 50%;
  left: 50%;
  width: 0;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL .ShortVideoCreateL4 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL .ShortVideoCreateL5 {
  position: absolute;
  width: 7.735%;
  bottom: 24%;
  left: 12%;
  opacity: 0;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL .ShortVideoCreateL6 {
  position: absolute;
  width: 7.735%;
  bottom: 11%;
  left: 25%;
  opacity: 0;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL .ShortVideoCreateL7 {
  position: absolute;
  width: 7.735%;
  bottom: 14%;
  left: 60%;
  opacity: 0;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL .ShortVideoCreateL8 {
  position: absolute;
  width: 7.735%;
  bottom: 32%;
  left: 78%;
  opacity: 0;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL .ShortVideoCreateL9 {
  position: absolute;
  width: 7.735%;
  bottom: 58%;
  left: 78%;
  opacity: 0;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL.ShortVideoCreateLActive .ShortVideoCreateL1 {
  animation: ShortVideoCreateL1 0.5s 1s ease-out forwards !important;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL.ShortVideoCreateLActive .ShortVideoCreateL2 {
  animation: ShortVideoCreateL2 1s 0.5s ease-out forwards !important;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL.ShortVideoCreateLActive .ShortVideoCreateL3 {
  animation: ShortVideoCreateL3 1.5s 0.5s ease-out forwards !important;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL.ShortVideoCreateLActive .ShortVideoCreateL4 {
  animation: ShortVideoCreateL4 2.5s 0.5s ease-out forwards !important;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL.ShortVideoCreateLActive .ShortVideoCreateL5 {
  animation: ShortVideoCreateL5 1.6s 0.2s ease-out forwards !important;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL.ShortVideoCreateLActive .ShortVideoCreateL6 {
  animation: ShortVideoCreateL6 1.7s 0.5s ease-out forwards !important;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL.ShortVideoCreateLActive .ShortVideoCreateL7 {
  animation: ShortVideoCreateL7 1.1s 1s ease-out forwards !important;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL.ShortVideoCreateLActive .ShortVideoCreateL8 {
  animation: ShortVideoCreateL8 1.5s 0.6s ease-out forwards !important;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL.ShortVideoCreateLActive .ShortVideoCreateL9 {
  animation: ShortVideoCreateL9 1.5s 0.8s ease-out forwards !important;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoPositionBoxR {
  flex: 0 0 40.84%;
  justify-content: center;
  float: left;
  width: 40.84%;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoPositionBoxR h4 {
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  position: relative;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoPositionBoxR h4::after {
  content: "";
  width: 10px;
  height: 100%;
  background: #ff4e00;
  position: absolute;
  top: 2px;
  left: -20px;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoPositionBoxR p {
  display: block;
  font-size: 22px;
  margin-top: 24px;
  color: #5b5a5a;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoPositionBoxR em {
  font-size: 18px;
  color: #797979;
  margin-top: 16px;
  display: block;
}
.ShortVideoCreate .ShortVideoCreateBox .ShortVideoPositionBoxR a {
  display: block;
  margin-top: 0.46rem;
  width: 1.42rem;
  height: 0.36rem;
  border-radius: 0.05rem;
  border: solid 1px #dfdfdf;
  text-align: center;
  line-height: 0.36rem;
  font-size: 0.18rem;
  letter-spacing: 0.04rem;
  color: #6e6e6e;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ShortVideoSearch {
  padding: 43px 0 38px;
  background: url(../images/ShortVideoSearch.jpg) no-repeat center;
}
.ShortVideoSearch .ShortVideoSearchBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxL {
  flex: 0 0 40.84%;
  justify-content: center;
  float: left;
  width: 40.84%;
  padding-left: 20px;
}
.ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxL h4 {
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  position: relative;
  color: #fff;
}
.ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxL h4::after {
  content: "";
  width: 10px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 2px;
  left: -20px;
}
.ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxL p {
  display: block;
  font-size: 22px;
  margin-top: 24px;
  color: #ffe5e5;
}
.ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxL em {
  font-size: 18px;
  color: #fff;
  margin-top: 16px;
  display: block;
}
.ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxL a {
  display: block;
  margin-top: 0.46rem;
  width: 1.42rem;
  height: 0.36rem;
  border-radius: 0.05rem;
  border: solid 1px #dfdfdf;
  text-align: center;
  line-height: 0.36rem;
  font-size: 0.18rem;
  letter-spacing: 0.04rem;
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxR {
  flex: 0 0 24.85%;
  justify-content: center;
  float: left;
  width: 24.85%;
  position: relative;
  padding-top: 51px;
  padding-bottom: 34px;
}
.ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxR .ShortVideoSearchBoxRBg {
  width: 78%;
  margin: 0 auto;
  display: block;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}
.ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxR .ShortVideoSearchBoxRImg {
  display: block;
  position: relative;
  width: 100%;
}
.ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxR .ShortVideoSearchBoxRCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 74%;
  background: #fff;
  border: 5px solid #fd4860;
  border-radius: 5px;
  padding: 10px 7px;
  box-sizing: border-box;
}
.ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxR .ShortVideoSearchBoxRCenter .ShortVideoSearchBoxRCenterInput {
  display: inline;
  line-height: 1;
  padding: 12px 0;
  font-size: 16px;
  height: 16px;
  color: #7f7f7f;
}
.ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxR .ShortVideoSearchBoxRCenter em {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 16px solid #333;
  border-bottom: 11px solid transparent;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxR .ShortVideoSearchBoxRCenter .ShortVideoSearchBoxRCenterInputActive {
  width: 40px;
  height: 40px;
  transform: scale(0.8);
  position: absolute;
  bottom: -20px;
  right: -5px;
  z-index: 5;
  opacity: 0;
  animation: ShortVideoSearchBoxRCenterInputActive 1s 3s ease-out infinite alternate !important;
}
.ShortVideoCustomers {
  background: #fcfcfc;
  padding-top: 97px;
  padding-bottom: 53px;
}
.ShortVideoCustomers .ShortVideoCustomersBox h3 {
  font-size: 38px;
  display: block;
  text-align: center;
  font-weight: bold;
}
.ShortVideoCustomers .ShortVideoCustomersBox p {
  font-size: 18px;
  color: #888;
  text-align: center;
  line-height: 30px;
  width: 72%;
  margin: 0 auto;
  margin-top: 10px;
}
.ShortVideoCustomers .ShortVideoCustomersBox img {
  display: block;
  width: 100%;
  padding: 0 7.5%;
  box-sizing: border-box;
  filter: grayscale(1);
  -webkit-transition: 2.5s;
  transition: 2.5s;
}
.ShortVideoAccurate {
  margin-top: 84px;
}
.ShortVideoAccurate .ShortVideoAccurateTitle h3 {
  font-size: 38px;
  display: block;
  text-align: center;
  font-weight: bold;
}
.ShortVideoAccurate .ShortVideoAccurateTitle p {
  font-size: 18px;
  color: #888;
  text-align: center;
  line-height: 30px;
  width: 72%;
  margin: 0 auto;
  margin-top: 10px;
}
.ShortVideoAccurate .ShortVideoAccurateBox {
  position: relative;
}
.ShortVideoAccurate .ShortVideoAccurateBox ul {
  padding-top: 40px;
}
.ShortVideoAccurate .ShortVideoAccurateBox ul li .ShortVideoAccurateBoxCenter {
  padding: 20px;
  display: block;
}
.ShortVideoAccurate .ShortVideoAccurateBox ul li .ShortVideoAccurateBoxImg {
  padding: 35% 0;
  display: block;
  position: relative;
  overflow: hidden;
}
.ShortVideoAccurate .ShortVideoAccurateBox ul li .ShortVideoAccurateBoxImg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.ShortVideoAccurate .ShortVideoAccurateBox ul li .ShortVideoAccurateBoxText {
  display: block;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.ShortVideoAccurate .ShortVideoAccurateBox ul li .ShortVideoAccurateBoxText b {
  margin: 30px 0;
  display: block;
  font-size: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.ShortVideoAccurate .ShortVideoAccurateBox ul li .ShortVideoAccurateBoxText span {
  font-size: 18px;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ShortVideoAccurate .ShortVideoAccurateBox ul li:hover .ShortVideoAccurateBoxImg img {
  transform: scale(1.1);
}
.ShortVideoAccurate .ShortVideoAccurateBox ul li:hover .ShortVideoAccurateBoxText b {
  color: #ff4e00;
}
.ShortVideoAccurate .ShortVideoAccurateBox ul li.swiper-slide-active {
  border: 1px solid #e5e5e5;
}
.ShortVideoAccurate .ShortVideoAccurateBox ul li.swiper-slide-active .ShortVideoAccurateBoxText {
  opacity: 1;
}
.ShortVideoAccurate .ShortVideoAccurateBox .ShortVideoAccurateBoxL {
  width: 65px;
  height: 65px;
  position: absolute;
  bottom: 10%;
  left: 35%;
  background: url(../images/ShortVideoAccurateBoxL.png) no-repeat center;
  z-index: 4444;
  cursor: pointer;
}
.ShortVideoAccurate .ShortVideoAccurateBox .ShortVideoAccurateBoxL:hover {
  background: url(../images/ShortVideoAccurateBoxLHover.png) no-repeat center;
}
.ShortVideoAccurate .ShortVideoAccurateBox .ShortVideoAccurateBoxR {
  width: 65px;
  height: 65px;
  position: absolute;
  bottom: 10%;
  right: 35%;
  background: url(../images/ShortVideoAccurateBoxR.png) no-repeat center;
  z-index: 4444;
  cursor: pointer;
}
.ShortVideoAccurate .ShortVideoAccurateBox .ShortVideoAccurateBoxR:hover {
  background: url(../images/ShortVideoAccurateBoxRHover.png) no-repeat center;
}
.ShortVideoAccurate .ShortVideoAccurateMore {
  width: 154px;
  height: 35px;
  background-color: #ffffff;
  border-radius: 18px;
  border: solid 1px #676767;
  display: block;
  margin: 0 auto;
  line-height: 35px;
  text-align: center;
  font-size: 16px;
  color: #676767;
  margin-top: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.ShortVideoAccurate .ShortVideoAccurateMore:hover {
  background: #ff4e00;
  color: #fff;
  border-color: #ff4e00;
}
.ShortVideoMarketing {
  margin-top: 68px;
  padding: 280px;
  position: relative;
  margin-bottom: 30px;
}
.ShortVideoMarketing h4 {
  font-size: 20px;
  text-align: center;
  display: block;
  font-weight: bold;
  line-height: 1;
}
.ShortVideoMarketing span {
  display: block;
  font-size: 16px;
  text-align: center;
  margin-top: 26px;
}
.ShortVideoMarketing .ShortVideoMarketingL {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 26.7778%;
}
.ShortVideoMarketing .ShortVideoMarketingL .ShortVideoMarketingLBox {
  position: relative;
  height: 100%;
}
.ShortVideoMarketing .ShortVideoMarketingL .ShortVideoMarketingLBox i {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  width: 0;
  left: 0;
  height: 73.238%;
  border-left: 39.6vw solid #f4f6ed;
  border-top: 10vh solid transparent;
  border-bottom: 10vh solid transparent;
}
.ShortVideoMarketing .ShortVideoMarketingL .ShortVideoMarketingLBox em {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  left: 0;
  width: 0;
  height: 73.238%;
  border-left: 33.6vw solid #ffeaa0;
  border-top: 10vh solid transparent;
  border-bottom: 10vh solid transparent;
}
.ShortVideoMarketing .ShortVideoMarketingL .ShortVideoMarketingLBox b {
  position: absolute;
  width: 100%;
  display: block;
  left: 0;
  width: 0;
  height: 73.238%;
  border-left: 29.6vw solid #ff4e00;
  border-top: 10vh solid transparent;
  border-bottom: 10vh solid transparent;
  z-index: 4;
}
.ShortVideoMarketing .ShortVideoMarketingC {
  position: relative;
  z-index: 8;
}
.ShortVideoMarketing .ShortVideoMarketingR {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 26.7778%;
}
.ShortVideoMarketing .ShortVideoMarketingR .ShortVideoMarketingRBox {
  position: relative;
  height: 100%;
}
.ShortVideoMarketing .ShortVideoMarketingR .ShortVideoMarketingRBox i {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  width: 0;
  right: 0;
  height: 73.238%;
  border-right: 39.6vw solid #f4f6ed;
  border-top: 10vh solid transparent;
  border-bottom: 10vh solid transparent;
}
.ShortVideoMarketing .ShortVideoMarketingR .ShortVideoMarketingRBox em {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  width: 0;
  right: 0;
  height: 73.238%;
  border-right: 33.6vw solid #ffeaa0;
  border-top: 10vh solid transparent;
  border-bottom: 10vh solid transparent;
}
.ShortVideoMarketing .ShortVideoMarketingR .ShortVideoMarketingRBox b {
  position: absolute;
  width: 80%;
  display: block;
  width: 0;
  right: 0;
  height: 73.238%;
  border-right: 29.6vw solid #ff4e00;
  border-top: 10vh solid transparent;
  border-bottom: 10vh solid transparent;
}
.ShortVideoMarketing.ShortVideoMarketingActive h4 {
  animation: ShortVideoMarketingH4 1s 1s ease-out forwards !important;
}
.ShortVideoMarketing.ShortVideoMarketingActive span {
  animation: ShortVideoMarketingSpan 1s 1s ease-out forwards !important;
}
.ShortVideoMarketing.ShortVideoMarketingActive .ShortVideoMarketingL .ShortVideoMarketingLBox i {
  animation: ShortVideoMarketingActivei 0.8s 1.2s ease-out forwards !important;
}
.ShortVideoMarketing.ShortVideoMarketingActive .ShortVideoMarketingL .ShortVideoMarketingLBox em {
  animation: ShortVideoMarketingActiveEm 0.8s 1s ease-out forwards !important;
}
.ShortVideoMarketing.ShortVideoMarketingActive .ShortVideoMarketingL .ShortVideoMarketingLBox b {
  animation: ShortVideoMarketingActiveB 0.8s 0.5s ease-out forwards !important;
}
.ShortVideoMarketing.ShortVideoMarketingActive .ShortVideoMarketingR .ShortVideoMarketingRBox i {
  animation: ShortVideoMarketingActiveiR 0.8s 1.2s ease-out forwards !important;
}
.ShortVideoMarketing.ShortVideoMarketingActive .ShortVideoMarketingR .ShortVideoMarketingRBox em {
  animation: ShortVideoMarketingActiveEmR 0.8s 1s ease-out forwards !important;
}
.ShortVideoMarketing.ShortVideoMarketingActive .ShortVideoMarketingR .ShortVideoMarketingRBox b {
  animation: ShortVideoMarketingActiveBR 0.8s 0.5s ease-out forwards !important;
}
.follower span {
  line-height: 78px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.ShortVideoCustomers .ShortVideoCustomersBox .ShortVideoCustomersBoxImgActive {
  filter: grayscale(0);
}
@keyframes ShortVideomontageRLine1 {
  0% {
    width: 57%;
  }
  100% {
    width: 0;
  }
}
@keyframes ShortVideomontageRLineJ {
  0% {
    left: 22.8%;
  }
  100% {
    left: 79.8%;
  }
}
@keyframes ShortVideoCreateL1 {
  0% {
    opacity: 0;
    transform: rotate(-50deg);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
  }
}
@keyframes ShortVideoCreateL2 {
  0% {
    transform: translate(-50%, -50%) rotate(-10deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(10deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
}
@keyframes ShortVideoCreateL3 {
  0% {
    top: 50%;
    left: 50%;
    width: 0;
  }
  100% {
    top: 0.8%;
    left: 0.4%;
    width: 47.453%;
  }
}
@keyframes ShortVideoCreateL4 {
  0% {
    top: 50%;
    right: 50%;
    width: 0;
  }
  100% {
    top: -0.1%;
    right: 10.5%;
    width: 38.67%;
  }
}
@keyframes ShortVideoCreateL5 {
  0% {
    left: 50%;
    bottom: 50%;
    opacity: 0;
  }
  100% {
    left: 19%;
    bottom: 24%;
    opacity: 1;
  }
}
@keyframes ShortVideoCreateL6 {
  0% {
    left: 50%;
    bottom: 50%;
    opacity: 0;
  }
  100% {
    bottom: 11%;
    left: 36%;
    opacity: 1;
  }
}
@keyframes ShortVideoCreateL7 {
  0% {
    left: 50%;
    bottom: 50%;
    opacity: 0;
  }
  100% {
    left: 66%;
    bottom: 14%;
    opacity: 1;
  }
}
@keyframes ShortVideoCreateL8 {
  0% {
    left: 50%;
    bottom: 50%;
    opacity: 0;
  }
  100% {
    left: 84%;
    bottom: 32%;
    opacity: 1;
  }
}
@keyframes ShortVideoCreateL9 {
  0% {
    left: 50%;
    bottom: 50%;
    opacity: 0;
  }
  100% {
    left: 85%;
    bottom: 58%;
    opacity: 1;
  }
}
@keyframes ShortVideoSearchBoxRCenterInputActive {
  0% {
    bottom: -20px;
    opacity: 0;
  }
  100% {
    bottom: -10px;
    opacity: 1;
  }
}
@keyframes ShortVideoSearchBoxRCenterInputActiveEm {
  0% {
    border-left: 16px solid #333;
  }
  100% {
    border-left: 16px solid #fb8837;
  }
}
@keyframes ShortVideoMarketingActivei {
  0% {
    border-left: 39.6vw solid #f4f6ed;
  }
  100% {
    border-left: 26.58vw solid #f4f6ed;
  }
}
@keyframes ShortVideoMarketingActiveEm {
  0% {
    border-left: 33.6vw solid #ffeaa0;
  }
  100% {
    border-left: 18.58vw solid #ffeaa0;
  }
}
@keyframes ShortVideoMarketingActiveB {
  0% {
    border-left: 29.6vw solid #ff4e00;
  }
  100% {
    border-left: 10.58vw solid #ff4e00;
  }
}
@keyframes ShortVideoMarketingActiveiR {
  0% {
    border-right: 39.6vw solid #f4f6ed;
  }
  100% {
    border-right: 26.58vw solid #f4f6ed;
  }
}
@keyframes ShortVideoMarketingActiveEmR {
  0% {
    border-right: 33.6vw solid #ffeaa0;
  }
  100% {
    border-right: 18.58vw solid #ffeaa0;
  }
}
@keyframes ShortVideoMarketingActiveBR {
  0% {
    border-right: 29.6vw solid #ff4e00;
  }
  100% {
    border-right: 10.58vw solid #ff4e00;
  }
}
@keyframes ShortVideoMarketingH4 {
  0% {
    font-size: 20px;
  }
  100% {
    font-size: 70px;
  }
}
@keyframes ShortVideoMarketingSpan {
  0% {
    font-size: 16px;
  }
  100% {
    font-size: 26px;
  }
}
@media (max-width: 1200px) {
  html {
    width: 100vw;
    overflow-x: hidden;
  }
  .ShortVideo .wjtcrmBoxBanner img.ShortVideoImg {
    position: absolute;
    height: 100%;
  }
  .ShortVideo .wjtcrmBoxBanner .container1 {
    position: relative;
  }
  .ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterL {
    flex: 0 0 100%;
    justify-content: center;
    float: left;
    width: 100%;
  }
  .ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterL h4 {
    font-size: 30px;
    padding-top: 50px;
  }
  .ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterL h5 {
    font-size: 20px;
  }
  .ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterL p {
    margin: 10px 0;
    font-size: 16px;
  }
  .ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterR {
    flex: 0 0 100%;
    justify-content: center;
    float: left;
    width: 100%;
    position: relative;
  }
  .ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterR .ShortVideoBannerCenterRBg {
    position: relative;
    margin-top: 50px;
  }
  .ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterR {
    transform: translateX(-20px);
  }
  .ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterL .wjtcrmBoxLInput {
    margin-top: 30px;
  }
  .ShortVideoPosition .ShortVideoPositionBox .ShortVideoPositionBoxL {
    flex: 0 0 100%;
    justify-content: center;
    float: left;
    width: 100%;
  }
  .ShortVideoPosition .ShortVideoPositionBox .ShortVideoPositionBoxR {
    flex: 0 0 100%;
    justify-content: center;
    float: left;
    width: 100%;
    margin-top: 30px;
  }
  .ShortVideoPosition .ShortVideoPositionBox .ShortVideoPositionBoxR h4 {
    font-size: 24px;
  }
  .ShortVideoPosition .ShortVideoPositionBox .ShortVideoPositionBoxR h4::after {
    width: 5px;
    left: -10px;
  }
  .ShortVideoPosition .ShortVideoPositionBox .ShortVideoPositionBoxR p {
    font-size: 16px;
  }
  .ShortVideoPosition .ShortVideoPositionBox .ShortVideoPositionBoxR em {
    font-size: 14px;
  }
  .ShortVideoPosition .ShortVideoPositionBox .ShortVideoPositionBoxR a {
    margin-top: 0.2rem;
  }
  .ShortVideomontage .ShortVideomontageBox .ShortVideomontageL {
    flex: 0 0 100%;
    justify-content: center;
    float: left;
    width: 100%;
    margin-top: 50px;
  }
  .ShortVideomontage .ShortVideomontageBox .ShortVideomontageL h4 {
    font-size: 24px;
  }
  .ShortVideomontage .ShortVideomontageBox .ShortVideomontageL h4::after {
    width: 5px;
    left: -10px;
  }
  .ShortVideomontage .ShortVideomontageBox .ShortVideomontageL p {
    font-size: 16px;
  }
  .ShortVideomontage .ShortVideomontageBox .ShortVideomontageL em {
    font-size: 14px;
  }
  .ShortVideomontage .ShortVideomontageBox .ShortVideomontageL a {
    margin-top: 0.2rem;
  }
  .ShortVideomontage .ShortVideomontageBox .ShortVideomontageR {
    flex: 0 0 100%;
    justify-content: center;
    float: left;
    width: 100%;
    margin-top: 30px;
  }
  .ShortVideoPosition {
    margin-bottom: 40px;
  }
  .ShortVideoCreate .ShortVideoCreateBox .ShortVideoCreateL {
    flex: 0 0 100%;
    justify-content: center;
    float: left;
    width: 100%;
  }
  .ShortVideoCreate .ShortVideoCreateBox .ShortVideoPositionBoxR {
    flex: 0 0 100%;
    justify-content: center;
    float: left;
    width: 100%;
    margin-top: 20px;
  }
  .ShortVideoCreate .ShortVideoCreateBox .ShortVideoPositionBoxR h4 {
    font-size: 24px;
  }
  .ShortVideoCreate .ShortVideoCreateBox .ShortVideoPositionBoxR h4::after {
    width: 5px;
    left: -10px;
  }
  .ShortVideoCreate .ShortVideoCreateBox .ShortVideoPositionBoxR p {
    font-size: 16px;
  }
  .ShortVideoCreate .ShortVideoCreateBox .ShortVideoPositionBoxR em {
    font-size: 14px;
  }
  .ShortVideoCreate .ShortVideoCreateBox .ShortVideoPositionBoxR a {
    margin-top: 0.2rem;
  }
  .ShortVideoCreate .ShortVideoCreateBox {
    margin-top: 50px;
  }
  .ShortVideomontage .ShortVideomontageBox {
    flex-direction: column-reverse;
  }
  .ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxL {
    flex: 0 0 100%;
    justify-content: center;
    float: left;
    width: 100%;
  }
  .ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxR {
    flex: 0 0 100%;
    justify-content: center;
    float: left;
    width: 100%;
  }
  .ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxL h4 {
    font-size: 24px;
  }
  .ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxL h4::after {
    width: 5px;
    left: -10px;
  }
  .ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxL p {
    font-size: 16px;
  }
  .ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxL em {
    font-size: 14px;
  }
  .ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxL a {
    margin-top: 0.2rem;
  }
  .ShortVideoSearch .ShortVideoSearchBox .ShortVideoSearchBoxR {
    margin-top: 50px;
  }
  .ShortVideoSearch {
    background-size: cover;
  }
  .ShortVideoCustomers {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .ShortVideoCustomers .ShortVideoCustomersBox h3 {
    font-size: 24px;
  }
  .ShortVideoCustomers .ShortVideoCustomersBox p {
    width: 100%;
    font-size: 16px;
  }
  .ShortVideoCustomers .ShortVideoCustomersBox img {
    width: 100%;
    padding: 0;
    margin-top: 40px;
  }
  .ShortVideoAccurate {
    margin-top: 50px;
  }
  .ShortVideoAccurate .ShortVideoAccurateTitle h3 {
    font-size: 24px;
  }
  .ShortVideoAccurate .ShortVideoAccurateTitle p {
    width: 100%;
    font-size: 16px;
  }
  .hexp-swiper .swiper-wrapper {
    padding-right: 1px;
  }
  .ShortVideoAccurate .ShortVideoAccurateBox ul li.swiper-slide-active {
    border: 1px solid #fff;
    width: 100%;
  }
  .ShortVideoAccurate .ShortVideoAccurateBox {
    padding: 0 15px;
  }
  .ShortVideoAccurate .ShortVideoAccurateBox ul li .ShortVideoAccurateBoxCenter {
    padding: 0;
  }
  .ShortVideoAccurate .ShortVideoAccurateBox .ShortVideoAccurateBoxL {
    display: none;
  }
  .ShortVideoAccurate .ShortVideoAccurateBox .ShortVideoAccurateBoxR {
    display: none;
  }
  .ShortVideoAccurate .ShortVideoAccurateBox ul li .ShortVideoAccurateBoxText b {
    font-size: 18px;
    margin: 15px 0;
  }
  .ShortVideoAccurate .ShortVideoAccurateBox ul li .ShortVideoAccurateBoxText span {
    font-size: 15px;
  }
  .ShortVideoMarketing h4 {
    font-size: 24px !important;
    line-height: 1.5;
  }
  .ShortVideoMarketing .ShortVideoMarketingC {
    width: 100%;
  }
  .ShortVideoMarketing span {
    font-size: 16px !important;
    margin-top: 10px;
  }
  .ShortVideoMarketing {
    padding: 30px 15px;
    background: #f2f2f2;
    margin-bottom: 0px;
  }
  .ShortVideoMarketing .ShortVideoMarketingL {
    display: none;
  }
  .ShortVideoMarketing .ShortVideoMarketingR {
    display: none;
  }
  .ShortVideo .wjtcrmBoxBanner .container1 .ShortVideoBannerCenter .ShortVideoBannerCenterR canvas {
    top: 41%;
    right: -29%;
  }
  .ShortVideoAccurate .ShortVideoAccurateBox ul li .ShortVideoAccurateBoxText {
    opacity: 1;
  }
}