:root {
  --black: #020202;
  --white: white;
  --white-2: white;
  --light-grey: #d0d0d0;
  --violet: #f484d5;
  --yellow: #fffe04;
  --white-smoke: #f3f3f3;
  --light-coral: #ff6e6e;
  --pale-turquoise: #b0fffe;
  --medium-slate-blue: #5f5ef9;
  --hot-pink: #f377bc;
  --white-3: white;
  --pale-violet-red: #fb5790;
  --hot-pink-2: #ff8cd5;
  --pale-goldenrod: #faffbb;
  --white-6: white;
  --gainsboro: #dedede;
  --khaki: #faf69e;
  --yellow-2: #fff96a;
  --violet-2: #ff8ae5;
  --light-coral-2: #ec6770;
  --medium-orchid: #c94efd;
  --pale-turquoise-2: #8aedff;
  --yellow-3: #f2ff60;
  --pale-goldenrod-2: #faffbb;
  --white-7: white;
  --gainsboro-2: #dedede;
  --khaki-2: #fffb92;
  --pale-turquoise-3: #88f1ff;
  --medium-orchid-2: #c94dfd;
  --white-4: white;
  --white-5: white;
}

body {
  background-image: url(../images/bodybg.jpg);
  background-size: cover;
}

.videoBanner video {
  width: 100%;
}

.worka {
  margin-top: 30px;
}
.worka a {
  font-size: 24px;
  padding: 12px 50px;
  border: 1px solid #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.worka a:hover {
  background: #fffe04;
  color: #333;
}

.leftword {
  width: 32%;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.leftword .wordtit {
  color: #fffe04;
  font-size: 28px;
  margin-bottom: 10px;
}
@media (max-width: 1700px) {
  .leftword .wordtit {
    font-size: 23px;
  }
}
.leftword .wordcon {
  color: #fff;
  font-size: 18px;
  line-height: 2;
}
@media (max-width: 1700px) {
  .leftword .wordcon {
    font-size: 16px;
  }
}

.rightimg {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .rightimg {
    margin: 0;
    margin-top: 50px;
  }
}
.rightimg > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: all 0.5;
  transition: all 0.5;
}
.rightimg > div:last-child {
  margin-left: 50px;
  margin-top: 100px;
}
@media (max-width: 767px) {
  .rightimg > div:last-child {
    margin-top: -30px;
    margin-left: 20px;
  }
}

@media (max-width: 767px) {
  .cardMain {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .cardMain .cardItem {
    width: 45%;
    height: 250px;
    font-size: 16px;
  }
  .cardMain .cardItem img {
    width: 70px;
  }
  .cardMain .cardItem p {
    margin-top: 30px;
  }
}

.cardItem {
  border-radius: 15px;
  overflow: hidden;
  width: 23%;
  background: #ff0000;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  height: 550px;
  font-size: 30px;
  color: #14000e;
  text-align: center;
}
@media (max-width: 1700px) {
  .cardItem {
    height: 400px;
    font-size: 26px;
  }
  .cardItem img {
    max-width: 100px;
  }
}
.cardItem p {
  margin-top: 50px;
}
.cardItem:first-child {
  background: linear-gradient(211.75deg, #fffe04 -3.37%, #ff6e6e -9.31%, #f484d5 -133.32%, #ffffff -93.84%, #d0d0d0 -66.37%, #f3f3f3 -28.79%, #dedede -4.28%, #fffe04 3%, #ffffff 27.59%, #b0fffe 42.11%, #5f5ef9 72.4%, #f377bc 106.17%);
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.cardItem:first-child:hover {
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.cardItem:nth-child(2) {
  background: linear-gradient(-37.75deg, #fffe04 -181.37%, #ff6e6e -158.31%, #f484d5 -133.32%, #ffffff -93.84%, #d0d0d0 -66.37%, #f3f3f3 -28.79%, #dedede 4.28%, #ffffff 17.59%, #b0fffe 42.11%, #5f5ef9 72.4%, #f377bc 96.17%);
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.cardItem:nth-child(2):hover {
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
.cardItem:nth-child(3) {
  background: linear-gradient(43.48deg, #fffe04 9.76%, #ff6e6e 26.17%, #f484d5 43.95%, #ffffff 72.05%, #b0fffe 106.79%, #d0d0d0 91.6%, #f3f3f3 118.34%, #dedede 141.87%, #ffffff 158.46%, #b0fffe 168.79%, #5f5ef9 190.35%, #f377bc 207.26%);
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.cardItem:nth-child(3):hover {
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
@media (max-width: 767px) {
  .cardItem:nth-child(3) {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
}
.cardItem:nth-child(4) {
  background: linear-gradient(-40.74deg, #ff6e6e -5.8%, #5f5ef9 2.86%, #fffe04 31.21%, #ffffff 74.72%, #d0d0d0 96.59%, #f3f3f3 131.91%, #f484d5 147.02%, #dedede 161.75%, #b0fffe 171.82%, #ffffff 182.79%, #f377bc 244.68%);
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.cardItem:nth-child(4):hover {
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
@media (max-width: 767px) {
  .cardItem:nth-child(4) {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
}

.Bigt {
  font-size: 220px;
  font-weight: bold;
  background-image: linear-gradient(55deg, var(--yellow) -5%, var(--light-coral) -19%, var(--yellow) 32%, var(--violet) 36%, var(--white-2) 42%, var(--light-grey) 43%, var(--white-smoke) 51%, var(--white-3) 59%, var(--pale-turquoise) 65%, var(--medium-slate-blue) 71%, var(--hot-pink) 76%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 1700px) {
  .Bigt {
    font-size: 180px;
  }
}
@media (max-width: 767px) {
  .Bigt {
    font-size: 60px;
  }
}

.benSwiper {
  margin: 50px 0;
}
.benSwiper .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.benSwiper .swiper-slide {
  width: 290px;
  height: 380px;
  border-radius: 15px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .benSwiper .swiper-slide {
    width: 145px;
    height: 190px;
  }
}
.benSwiper .swiper-slide .slideCard {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  height: 100%;
  padding: 20px;
}
@media (max-width: 767px) {
  .benSwiper .swiper-slide .slideCard {
    padding: 20px 10px;
  }
}
.benSwiper .swiper-slide .slideCard .slideCard-top {
  font-size: 20px;
}
@media (max-width: 767px) {
  .benSwiper .swiper-slide .slideCard .slideCard-top {
    font-size: 14px;
  }
}
.benSwiper .swiper-slide .slideCard .slideCard-bot {
  font-size: 46px;
  text-align: right;
}
@media (max-width: 767px) {
  .benSwiper .swiper-slide .slideCard .slideCard-bot {
    font-size: 20px;
  }
}
.benSwiper .swiper-slide .slideCard .slideCard-bot p {
  font-family: serif;
}

.cardbg1 {
  background: linear-gradient(211.75deg, #fffe04 -3.37%, #ff6e6e -9.31%, #f484d5 -133.32%, #ffffff -93.84%, #d0d0d0 -66.37%, #f3f3f3 -28.79%, #dedede -4.28%, #fffe04 3%, #ffffff 27.59%, #b0fffe 42.11%, #5f5ef9 72.4%, #f377bc 106.17%);
}

.cardbg2 {
  background: linear-gradient(-37.75deg, #fffe04 -181.37%, #ff6e6e -158.31%, #f484d5 -133.32%, #ffffff -93.84%, #d0d0d0 -66.37%, #f3f3f3 -28.79%, #dedede 4.28%, #ffffff 17.59%, #b0fffe 42.11%, #5f5ef9 72.4%, #f377bc 96.17%);
}

.cardbg3 {
  background: linear-gradient(43.48deg, #fffe04 9.76%, #ff6e6e 26.17%, #f484d5 43.95%, #ffffff 72.05%, #b0fffe 106.79%, #d0d0d0 91.6%, #f3f3f3 118.34%, #dedede 141.87%, #ffffff 158.46%, #b0fffe 168.79%, #5f5ef9 190.35%, #f377bc 207.26%);
}

.cardbg4 {
  background: linear-gradient(-40.74deg, #ff6e6e -5.8%, #5f5ef9 2.86%, #fffe04 31.21%, #ffffff 74.72%, #d0d0d0 96.59%, #f3f3f3 131.91%, #f484d5 147.02%, #dedede 161.75%, #b0fffe 171.82%, #ffffff 182.79%, #f377bc 244.68%);
}

.cardbg5 {
  background: linear-gradient(213.48deg, #fffe04 9.76%, #ff6e6e 26.17%, #f484d5 43.95%, #ffffff 72.05%, #d0d0d0 91.6%, #f3f3f3 118.34%, #dedede 141.87%, #ffffff 158.46%, #b0fffe 168.79%, #5f5ef9 190.35%, #f377bc 207.26%);
}

.cardbg6 {
  background: linear-gradient(219.89deg, #fffe04 -25.78%, #ff6e6e -13.39%, #f484d5 0.04%, #ffffff 21.27%, #d0d0d0 36.03%, #f3f3f3 56.24%, #dedede 74.01%, #ffffff 83.1%, #5f5ef9 110.63%, #f377bc 123.41%, #b0fffe 123.41%);
}

.cardbg7 {
  background: linear-gradient(213.48deg, #fffe04 9.76%, #ff6e6e 26.17%, #f484d5 43.95%, #ffffff 72.05%, #d0d0d0 91.6%, #f3f3f3 118.34%, #dedede 141.87%, #ffffff 158.46%, #b0fffe 168.79%, #5f5ef9 190.35%, #f377bc 207.26%);
}

.cardbg8 {
  background: linear-gradient(217.24deg, #fffe04 -159.72%, #ff6e6e -138.52%, #f484d5 -115.56%, #ffffff -79.28%, #f377bc -66.84%, #d0d0d0 -54.04%, #f3f3f3 -19.5%, #dedede 10.89%, #ffffff 32.31%, #b0fffe 63.14%, #5f5ef9 95.34%);
}

@media (max-width: 767px) {
  .industMain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
  }
}

.indust {
  width: 49%;
}
@media (max-width: 767px) {
  .indust {
    width: 100%;
  }
}
.indust .industItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  height: 230px;
  border-radius: 15px;
  padding: 20px 30px;
  color: #fff;
  margin-bottom: 40px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767px) {
  .indust .industItem {
    height: 150px;
  }
}
.indust .industItem .industItem-top {
  font-size: 40px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .indust .industItem .industItem-top {
    font-size: 32px;
  }
}
.indust .industItem .industItem-bot {
  font-size: 46px;
  font-family: serif;
  text-align: right;
}
.indust .industItem.industTit {
  border: none;
}
@media (max-width: 767px) {
  .indust .industItem.industTit {
    display: none;
  }
}
.indust .industItem.industTit p {
  text-align: right;
  font-size: 72px;
  font-weight: bold;
  padding: 0;
}

.industItem1 {
  background: url(../images/fashion.png);
}

.industItem2 {
  background: url(../images/lifestyle.png);
}

.industItem3 {
  background: url(../images/outside.png);
}

.industItem4 {
  background: url(../images/beauty.png);
}

.industItem5 {
  background: url(../images/APPGame.png);
}

.brandt {
  color: #fff;
  font-size: 72px;
  font-weight: bold;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .brandt {
    font-size: 50px;
  }
}

.brandMain .brandItem {
  width: 25%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
}
@media (max-width: 767px) {
  .brandMain .brandItem {
    width: 50%;
  }
}
.brandMain .brandItem:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.brandMain .brandItem img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.case .caseItem {
  width: 30%;
  color: #fff;
  text-align: center;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .case .caseItem {
    width: 48%;
  }
}
.case .caseItem img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.case .caseItem .caseName {
  font-size: 26px;
  margin: 15px 0;
}
@media (max-width: 1700px) {
  .case .caseItem .caseName {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .case .caseItem .caseName {
    font-size: 18px;
  }
}
.case .caseItem .caseDesc {
  font-size: 20px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 1700px) {
  .case .caseItem .caseDesc {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .case .caseItem .caseDesc {
    font-size: 14px;
  }
}
.case .caseItem .videobox {
  width: 360px;
  height: 640px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  .case .caseItem .videobox {
    width: 160px;
    height: 290px;
  }
}
.case .caseItem .videobox video {
  width: 100%;
  height: 100%;
}
.case .caseItem .videobox .playBtn {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 50px;
  height: 50px;
  -webkit-transform: none;
          transform: none;
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
}
@media (max-width: 767px) {
  .case .caseItem .videobox .playBtn {
    width: 30px;
    height: 30px;
  }
}

.hb {
  width: 100%;
}
@media (min-width: 768px) {
  .hb {
    display: none;
  }
}

@media (max-width: 767px) {
  .homeVideo {
    display: none;
  }
}/*# sourceMappingURL=home.css.map */