.imageOrVideo img[data-v-f59f90b8] {
  max-width: 100%;
  max-height: 100%;
  border-radius: 8px;
}
@media screen and (min-width: 768px) {
iframe[data-v-f59f90b8] {
    width: 100%;
    height: 100%;
}
}
@media screen and (max-width: 768px) {
iframe[data-v-f59f90b8] {
    width: 100%;
    height: 100%;
}
}

.content-one[data-v-decd2aac] .ck-content h1,
.content-one[data-v-decd2aac] .ck-content h2,
.content-one[data-v-decd2aac] .ck-content h3,
.content-one[data-v-decd2aac] .ck-content h4,
.content-one[data-v-decd2aac] .ck-content h5,
.content-one[data-v-decd2aac] .ck-content h6 {
  margin-top: 0;
}
.content-one .content-one-container[data-v-decd2aac] {
  display: flex;
  align-items: center;
}
.content-one .content-one-left-img[data-v-decd2aac],
.content-one .content-one-right-img[data-v-decd2aac] {
  max-width: 600px;
  max-height: 384px;
  flex: 1;
}
.content-one .content-one-left-img[data-v-decd2aac] img,
.content-one .content-one-right-img[data-v-decd2aac] img {
  max-width: 600px;
  max-height: 384px;
}
.content-one .content-one-top-img[data-v-decd2aac],
.content-one .content-one-bottom-img[data-v-decd2aac] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-one .content-one-left-img[data-v-decd2aac] {
  margin-right: 112px;
}
.content-one .content-one-right-img[data-v-decd2aac] {
  margin-left: 112px;
}
.content-one .content-one-main[data-v-decd2aac] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
.content-one .content-one-title[data-v-decd2aac] {
  color: #333333;
  font-weight: 500;
}
.content-one .content-one-description[data-v-decd2aac] {
  color: #666666;
  font-weight: 400;
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
.content-one-title[data-v-decd2aac] {
    font-size: 32px;
    line-height: 32px;
}
.content-one-description[data-v-decd2aac] {
    font-size: 24px;
    line-height: 32px;
}
.content-one-horizontal-video[data-v-decd2aac] {
    height: 780px;
}
.content-one-vertical-video[data-v-decd2aac] {
    height: 400px;
}
.content-one-top-img[data-v-decd2aac] {
    margin-bottom: 24px;
}
.content-one-bottom-img[data-v-decd2aac] {
    margin-top: 24px;
}
}
@media screen and (max-width: 768px) {
.content-one-title[data-v-decd2aac] {
    font-size: 24px;
    line-height: 36px;
}
.content-one-description[data-v-decd2aac] {
    font-size: 16px;
    line-height: 24px;
}
.content-one-top-img[data-v-decd2aac] {
    margin-bottom: 24px;
}
.content-one-bottom-img[data-v-decd2aac] {
    margin-top: 24px;
}
}

.content-three[data-v-5a1bf00d] {
  display: flex;
  align-items: center;
}
.content-three .content-three-text[data-v-5a1bf00d] {
  font-weight: 500;
  color: #fff;
}
.content-three .content-three-icon[data-v-5a1bf00d] {
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
.content-three .content-three-icon[data-v-5a1bf00d] {
    width: 56px;
    height: 56px;
}
.content-three .content-three-text[data-v-5a1bf00d] {
    font-size: 24px;
    line-height: 32px;
    margin-left: 40px;
}
}
@media screen and (max-width: 768px) {
.content-three .content-three-icon[data-v-5a1bf00d] {
    width: 32px;
    height: 32px;
}
.content-three .content-three-text[data-v-5a1bf00d] {
    font-size: 16px;
    line-height: 24px;
    margin-left: 20px;
}
}

.card-one[data-v-3d7f9dd2] {
  display: flex;
  border-radius: 8px;
}
.card-one .card-one-left[data-v-3d7f9dd2],
.card-one .card-one-right[data-v-3d7f9dd2] {
  flex: 1;
}
.card-one .card-one-left-title[data-v-3d7f9dd2] {
  color: #333;
  font-size: 48px;
  line-height: 48px;
  font-weight: 600;
  margin-bottom: 24px;
}
.card-one .card-one-left-description[data-v-3d7f9dd2] {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: #666;
  margin-bottom: 24px;
}
.card-one .card-one-right-item[data-v-3d7f9dd2] {
  margin-bottom: 40px;
}
.card-one .card-one-right-item[data-v-3d7f9dd2]:last-child {
  margin-bottom: 0;
}
.card-one .card-one-right-item[data-v-3d7f9dd2] .content-three-text {
  margin-left: 16px;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #666;
}
.card-one .card-one-right-item[data-v-3d7f9dd2] .content-three-icon {
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
.card-one[data-v-3d7f9dd2] {
    padding: 80px;
}
.card-one .card-one-left-description[data-v-3d7f9dd2] {
    font-size: 24px;
    line-height: 36px;
}
.card-one .card-one-right[data-v-3d7f9dd2] {
    margin-left: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
}
@media screen and (max-width: 768px) {
.card-one[data-v-3d7f9dd2] {
    padding: 32px 16px 29px;
    flex-direction: column;
    border-radius: 0;
}
.card-one[data-v-3d7f9dd2] .card-one-left-title {
    text-align: left;
    font-size: 32px;
}
.card-one .card-one-left-description[data-v-3d7f9dd2] {
    font-size: 16px;
    line-height: 24px;
}
.card-one .card-one-right[data-v-3d7f9dd2] {
    margin-top: 36px;
}
}

.composition-one .composition-one-title[data-v-4bc3d6e8] {
  text-align: center;
  font-weight: 500;
  color: #333333;
}
.composition-one .composition-one-content[data-v-4bc3d6e8] {
  display: flex;
}
@media screen and (min-width: 768px) {
.composition-one-title[data-v-4bc3d6e8] {
    font-size: 48px;
    line-height: 56px;
}
.composition-one-content[data-v-4bc3d6e8] {
    margin-top: 100px;
}
.composition-one-content-item[data-v-4bc3d6e8] {
    margin-right: 40px;
}
.composition-one-content-item[data-v-4bc3d6e8]:last-child {
    margin-right: 0;
}
}
@media screen and (max-width: 768px) {
.composition-one-title[data-v-4bc3d6e8] {
    font-size: 32px;
    line-height: 40px;
}
.composition-one-content[data-v-4bc3d6e8] {
    margin-top: 60px;
}
.composition-one-content[data-v-4bc3d6e8] {
    flex-direction: column;
}
.composition-one-content-item[data-v-4bc3d6e8] {
    margin-bottom: 60px;
}
.composition-one-content-item[data-v-4bc3d6e8]:last-child {
    margin-bottom: 0;
}
}

.content-two[data-v-3887fa0d] {
  display: flex;
}
.content-two .content-two-right-title[data-v-3887fa0d] {
  font-weight: 700;
  color: #333333;
}
.content-two .content-two-right-description[data-v-3887fa0d] {
  font-weight: 400;
  color: #666666;
}
.content-two .content-two-right-bt[data-v-3887fa0d] {
  font-weight: 400;
  color: #1063F1;
  cursor: pointer;
  display: inline-block;
  font-size: 24px;
  line-height: 32px;
}
.content-two .el-icon-top-right[data-v-3887fa0d] {
  margin-left: 2px;
}
@media screen and (min-width: 768px) {
.content-two-left[data-v-3887fa0d] {
    width: 600px;
    margin-right: 80px;
}
.content-two-right[data-v-3887fa0d] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}
.content-two-right .content-two-right-icon[data-v-3887fa0d] {
    height: 40px;
    width: fit-content;
}
.content-two-right .content-two-right-title[data-v-3887fa0d] {
    font-size: 24px;
    line-height: 24px;
    margin-top: 24px;
}
.content-two-right .content-two-right-description[data-v-3887fa0d] {
    font-size: 24px;
    line-height: 32px;
    margin-top: 16px;
}
.content-two-right .content-two-right-bt[data-v-3887fa0d] {
    margin-top: 24px;
}
}
@media screen and (max-width: 768px) {
.content-two[data-v-3887fa0d] {
    flex-direction: column;
}
.content-two-left[data-v-3887fa0d] {
    width: 100%;
}
.content-two-right[data-v-3887fa0d] {
    width: 100%;
    margin-top: 16px;
}
.content-two-right .content-two-right-icon[data-v-3887fa0d] {
    height: 40px;
    width: fit-content;
}
.content-two-right .content-two-right-title[data-v-3887fa0d] {
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
}
.content-two-right .content-two-right-description[data-v-3887fa0d] {
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
}
.content-two-right .content-two-right-bt[data-v-3887fa0d] {
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
}
}

.publicity-title[data-v-46d8b66a] {
  text-align: center;
  font-weight: 700;
  color: #333333;
}
.publicity-media[data-v-46d8b66a] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1440px) {
.publicity[data-v-46d8b66a] {
    width: 1200px;
    padding: 0 24px;
}
}
@media screen and (min-width: 1440px) {
.publicity[data-v-46d8b66a] {
    width: 1440px;
    padding: 0 24px;
}
}
@media screen and (min-width: 768px) {
.publicity-title[data-v-46d8b66a] {
    font-size: 48px;
    line-height: 72px;
}
.publicity-media-video[data-v-46d8b66a] {
    width: 1080px;
    aspect-ratio: 16/9;
    margin: 0 auto;
}
.publicity-title-top[data-v-46d8b66a] {
    margin-bottom: 56px;
}
.publicity-title-bottom[data-v-46d8b66a] {
    margin-top: 56px;
}
}
@media screen and (max-width: 768px) {
.publicity[data-v-46d8b66a] {
    width: 100%;
    padding: 0;
}
.publicity-title[data-v-46d8b66a] {
    font-size: 24px;
    line-height: 36px;
}
.publicity-media-video[data-v-46d8b66a] {
    width: 100%;
    aspect-ratio: 16/9;
    margin: 0 auto;
}
.publicity-title-top[data-v-46d8b66a] {
    margin-bottom: 24px;
}
.publicity-title-bottom[data-v-46d8b66a] {
    margin-bottom: 24px;
}
}

.composition-two .composition-two-title[data-v-4cb30f36] {
  text-align: center;
  font-weight: 500;
  color: #333333;
}
@media screen and (min-width: 768px) {
.composition-two-title[data-v-4cb30f36] {
    font-size: 48px;
    line-height: 56px;
}
.composition-two-content-item[data-v-4cb30f36] {
    margin-top: 100px;
}
}
@media screen and (max-width: 768px) {
.composition-two-title[data-v-4cb30f36] {
    font-size: 32px;
    line-height: 40px;
}
.composition-two-content-item[data-v-4cb30f36] {
    margin-top: 60px;
}
}