/* 响应式设计 */
@media (max-width: 768px) {
  .box_1 {
    background-image: url(../images/index/bg1.jpg);
  }
  .brief-top {
    flex-direction: column;
  }
  .brief-top img {
    width: 3.05rem;
  }
  .brief-top h2 {
    font-size: 0.55rem;
    margin-left: unset;
    margin-top: 0.21rem;
    line-height: 0.88rem;
  }
  .brief-bottom {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .brief-bottom .img-box {
    width: 100%;
    margin-top: 0.77rem;
    margin-right: unset;
  }
  .brief-word {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0.6rem;
  }
  .play-btn {
    width: 1.2rem;
    height: 1.2rem;
    margin-left: unset;
    margin-right: unset;
    margin-top: 0.83rem;
    border: 1px solid transparent;
    margin-bottom: 0.69rem;
  }

  .play-btn::before,
  .play-btn::after {
    border: 1px solid transparent;
  }

  .play-btn::before {
    border-color: #073682;
  }

  .play-btn::after {
    border-color: #00a0e9;
    animation-delay: 0.5s;
  }

  .play-btn img {
    width: 0.23rem;
  }

  .brief-word p {
    font-size: 0.28rem;
    line-height: 0.5rem;
    margin-bottom: 0.52rem;
    /* color: #5d5d5d; */
  }
.index-more-btn {

    justify-content: flex-start;
    margin-top: 0.02rem;
    padding-right: 0;
}
  /* 视频弹窗样式 */
  .video-modal {
    top: 10%;
  }

  .video-modal-content {
    width: 92%;
  }

  .close-btn {
    top: 0.1rem;
    right: 0.1rem;
    font-size: 0.28rem;
    width: 0.5rem;
    height: 0.5rem;
  }

  .box_2 {
    background-image: url(../images/index/bg2-s.jpg);
    height: 18.99rem;
    flex-direction: column;
    justify-content: unset;
  }
  .box-item {
    flex-direction: column;
    padding: 1rem 0;
  }
  .box-item img {
    width: 1.23rem;
  }
  .box-item h5 {
    font-size: 0.36rem;
    margin-top: 0.24rem;
    margin-bottom: 0.13rem;
  }
  /* 定义移动端专用的水平流光动画，避免与PC端冲突 */
  @keyframes linemoveHorizontal {
    0% {
      left: -1rem;
      opacity: 0;
    }
    20% {
      opacity: 1;
    }
    80% {
      opacity: 1;
    }
    100% {
      left: 100%;
      opacity: 0;
    }
  }

  .box-item p {
    font-size: 0.28rem;
    color: #ffffff;
  }
  /* 修改为水平分隔线 */
  .line-white {
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    height: 0.01rem;
    position: relative;
  }
  /* 修改为水平流光效果 */
  .box_2 .line-g {
    position: absolute;
    width: 1rem;
    height: 0.01rem;
    top: 0;
    background: linear-gradient(90deg, transparent, #fff, transparent);
    /* 使用移动端专用动画名称 */
    animation: linemoveHorizontal 2.5s infinite linear;
  }

  /* 为每条流光设置不同的延迟时间 */
  .box_2 .line-g1 {
    animation-delay: 0s;
  }

  .box_2 .line-g2 {
    animation-delay: 0.8s;
  }

  .box_2 .line-g3 {
    animation-delay: 1.6s;
  }

  .box_3 {
    background-image: none;
    background-color: #f6f6f6;
  }
  .box-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.2rem;
  }
  .h2-box h2 {
    font-size: 0.55rem;
    margin-bottom: 0.04rem;
  }
  .h2-box span {
    font-size: 0.5rem;
  }

  .contact-box {
    background-image: url(../images/index/bg4-s.jpg);
    padding-top: 1.62rem;
    padding-bottom: 1.26rem;
  }

  .contact-safe {
    flex-direction: column;
  }
  .contact-l {
    display: none;
  }

  .contact-l-s {
    width: 6.9rem;
    height: 7.4rem;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .contact-safe {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .sj-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0.4rem;
  }
  .contact-l-s .phone-box {
    width: 2.91rem;
    height: 0.86rem;
    background: #0f73be;
    border-radius: 1rem 1rem 1rem 1rem;
    font-size: 0.28rem;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.2rem;
  }
  .sj-box div {
    margin-bottom: 0.28rem;
  }
  .contact-safe img {
    width: 0.69rem;
    margin-bottom: 0.18rem;
  }
  .contact-safe span {
    font-weight: bold;
    font-size: 0.49rem;
    color: #010002;
  }
  .contact-safe p {
    font-size: 0.37rem;
    color: #010002;
    margin-top: 0.06rem;
  }

  .cantact-r {
    width: 100%;
    padding-top: 0.43rem;
  }

  .cantact-r h5 {
    font-size: 0.34rem;
    margin-bottom: 0.32rem;
  }

  .form-group {
    margin-bottom: 0.23rem;
  }

  .form-group:nth-child(3) {
    margin-bottom: 0.24rem;
  }

  .contact-form input,
  .contact-form textarea {
    font-size: 0.28rem;
    padding: 0.3rem 0.14rem;
 
  }

  .contact-form input {
    height: 1rem;
  }

  .contact-form textarea {
    height: 4.69rem;
  }



  .submit-btn {
    width:100%;
    height: 1.04rem;
    font-size: 0.3rem;
   
  }

 

}
