.elementor-17 .elementor-element.elementor-element-d9f4958{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-bfd4ed6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-94f76b7{width:100%;max-width:100%;text-align:center;}.elementor-17 .elementor-element.elementor-element-94f76b7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-94f76b7 img{width:100%;max-width:100%;height:800px;opacity:0.1;filter:brightness( 85% ) contrast( 128% ) saturate( 102% ) blur( 10px ) hue-rotate( 0deg );}.elementor-17 .elementor-element.elementor-element-b98c59e{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-7400d10{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-7400d10 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-f8215ef{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-6d3185d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-eca1ea4 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-5798e0f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-c79287d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-027fb40{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-027fb40 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-2ab1075{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-2ab1075:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-2ab1075 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#20202075;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-5c190ad > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-5c190ad{--lottie-container-width:10%;--lottie-container-opacity:0.35;}body.elementor-page-17{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-6d3185d{--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-17 .elementor-element.elementor-element-6d3185d.e-con{--align-self:center;}.elementor-17 .elementor-element.elementor-element-5798e0f{--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-17 .elementor-element.elementor-element-2ab1075{--margin-top:-1vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-17 .elementor-element.elementor-element-5c190ad{--lottie-container-width:20%;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-5c190ad{--lottie-container-width:13%;}}/* Start custom CSS for html, class: .elementor-element-7400d10 */#home {
  position:relative;
  flex-direction:column;
  width:100%;
  overflow:hidden
}
.gray {
  filter:grayscale(1)
  }
.home_welcome {
  position:relative;
  justify-content:center;
  align-items:center;
  width:100%;
  height:93vh;
  margin-bottom:0rem
}
.home_welcome_background {
  position:absolute;
  width:100%;
  height:100%
}
.home_welcome_lines {
  position:absolute;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
  opacity:.16
}
.home_welcome_lines div {
  position:absolute;
  width:120vw;
  height:.1rem;
  background:linear-gradient(90deg,#00000000,#efb119);
  background-size:200% 200%;
  background-position:200% 0;
  animation:move_line 10s linear infinite
}
.home_welcome_lines div:first-child {
  top:10%;
  transform:rotate(-20deg)
}
.home_welcome_lines div:nth-child(2) {
  left:-50%;
  transform:rotate(-80deg);
  animation-delay:-2s
}
.home_welcome_lines div:nth-child(3) {
    left:5%;
    top:15%;
    transform:rotate(30deg);
    animation-delay:-5s
  }
.home_welcome_lines div:nth-child(4) {
  bottom:20%;
  transform:rotate(-5deg);
  animation-delay:5s
}
.home_welcome_lines div:nth-child(5) {
  bottom:-20%;
  transform:rotate(-30deg);
  animation-delay:2s
}
@keyframes move_line {
  0% {
    background-position:200% 0
  }
  to {
    background-position:0 0
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eca1ea4 */.bannertab {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1450px;
    min-width: 750px;
    margin: 0 auto;
    padding: 20px;
}

.pagetab, .mediatab {
    width: 45%;
    transition: transform 0.5s;
}

.pagetab h1, .mediatab h1 {
    font-family: "Roboto", sans-serif;
    font-size: 80px;
    font-weight: 900;
    color:#FFFFFF25;
    text-align: center;
}

.pagetab p, .mediatab p {
    font-family: "Roboto", sans-serif;
    font-size: 35px;
    font-weight: 300;
    color:#FFFFFFAB;
    text-align: center;
    letter-spacing: 8px;
    margin-top: -85px;
}

.pagetab:hover, .mediatab:hover {
    transform: scale(1.06); /* 鼠标悬停时放大 */
}

.pagetab:hover p, .mediatab:hover p {
    color: #E8B888; /* 鼠标悬停时改变文本颜色 */
}
/*标题响应式*/
@media (max-width: 1024px) {
    .bannertab {
        margin-top: 10px;
    }
    .pagetab h1, .mediatab h1 {
        font-size: 50px;
    }
    .pagetab p, .mediatab p {
        font-size: 23px;
        margin-top: -60px;
    }
}


/*视频列表样式*/
.video-section {
    max-width: 1400px;
    min-width: 750px;
    margin: 0 auto 40px;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .video-section {
        margin-left: 30px;
    }
}
.title1 {
    width: 100%;
    min-width: 750px;
    margin-bottom: 20px;
}

.title1-1 h2 {
    color: #E8B888;
    font-size: 28px;
    margin-bottom: 2px;
}

.title1-2 h4 {
    color: #ffffff;
    margin-bottom: 5px;
}

.title1-3 p {
    color: #ffffff;
    font-size: 12px;
    opacity: 0.8;
    margin-bottom: -30px;
}
/*文案响应式*/
@media (max-width: 1024px) {
    .title1-1 h2 {
        font-size: 20px;
    }
    .title1-2 h4 {
        font-size: 15px;
    }
    .title1-3 p {
        font-size: 10px;
    }
}

.video-container {
    display: flex;
    gap: 25px;
    overflow-x: auto;
    padding: 20px 0;
    scroll-behavior: smooth;
}

.video-container::-webkit-scrollbar {
    display: none;
}

.video-item {
    flex: 0 0 calc(25% - 20px);
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    transition: transform 0.3s ease;
}

.video-item:hover {
    transform: scale(1.02);
}

.video-cover {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background-size: cover;
    background-position: center;
}

.video-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: linear-gradient(transparent, rgba(0,0,0,0.8));
    z-index: 1;
}

.video-title {
    font-size: 17px;
    font-weight: bold;
    margin-left: -10px;
    margin-bottom: 0px;
    color: #ffffff;
}

.video-description {
    font-size: 12px;
    color: #ffffff;
    opacity: 0.8;
    margin-bottom: -12px;
    margin-left: -10px;
}

.play-button {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: rgba(232, 184, 136, 0.2);
    border: 2px solid rgba(232, 184, 136, 0.6);
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    transition: all 0.3s ease;
}

.play-button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-35%, -50%);
    border-style: solid;
    border-width: 12px 0 12px 20px;
    border-color: transparent transparent transparent rgba(232, 184, 136, 0.9);
}

.play-button:hover {
    transform: translate(-50%, -50%) scale(1.1);
    background-color: rgba(232, 184, 136, 0.3);
}

.slider-container {
    cursor: pointer;
    position: relative;
    height: 4px;
    background-color: rgba(255,255,255,0.1);
    margin-top: 20px;
    border-radius: 2px;
}

.slider {
    position: absolute;
    left: 0;
    top: -3px;
    height: 10px;
    width: 50%;
    background: linear-gradient(to right, #E8B888, #C17F59);
    border-radius: 5px;
    transition: width 0.3s ease;
    cursor: grab;
}

.slider:active {
    cursor: grabbing;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 1000;
    backdrop-filter: blur(10px);
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1200px;
    margin: -2vh auto;
    background-color: #00000000;
    padding: 20px;
    border-radius: 10px;
}

.close {
    position: absolute;
    right: -30px;
    top: -30px;
    color: #E8B888;
    font-size: 30px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.close:hover {
    transform: rotate(90deg);
}

/* 新增样式用于视频播放器 */
#videoPlayer {
    width: 100%;
    height: auto;
    max-height: 80vh;
}

/*进入动画*/
/* 定义淡入左动画 */
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 定义淡入右动画 */
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 定义淡入上动画 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animated-left {
    animation-name: fadeInLeft; /* 应用淡入左动画 */
    animation-duration: 2s;
}

.animated-right {
    animation-name: fadeInRight; /* 应用淡入右动画 */
    animation-duration: 2s;
}

.video-section {
    animation-name: fadeInUp; /* 应用淡入上动画 */
    animation-duration: 2s;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-027fb40 */.centered {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4vh; /* 使容器占满整个视口高度 */
  flex-direction: column;
}

.text {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.5;
    white-space: nowrap;
    overflow: hidden;
    position: relative; /* 用于定位光标 */
    visibility: hidden; /* 默认隐藏文本 */
}
@media (max-width: 1024px) {
    .text {
        font-size: 12px;
    }
}


.text::after {
  content: "_"; /* 设置光标为下划线 */
  position: absolute;
  right: 0;
  animation: blink 1s step-end infinite;
}

#text1 {
  font-family: 'Arial', sans-serif;
  letter-spacing: 10px;
}

#text2 {
  font-family: 'Courier New', Courier, monospace;
}

@keyframes blink {
  50% {
    border-color: transparent;
  }
}

.hidden {
  opacity: 0;
  visibility: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5798e0f */.bottle {
    margin-top: 10%;
}
/*@media (max-width: 1921px) {
    .bottle {
        margin-top: 10%;
    }
}
@media (max-width: 1025px) {
    .bottle {
        margin-top: 10%;
    }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9f4958 */#background {
    position: relative;
    z-index: 1;
}

#lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#files {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}/* End custom CSS */