.bodymain a{
   display: block;
}
.ban104 img,.oneScreen img{
   width: 100%;
}
.flex_set{
   display: flex;
   display: -webkit-flex;
   width: 100%;
}
.oneScreen{
   background-color: #262626;
   padding-bottom: 1px;
}
.oneScreen_left{
   width: 40%;
}
.oneScreen_right{
   width: 60%;
}
.common_marign{
   margin: 4px;
}
.oneScreen_left2>div{
   width:50%;
}
.arp_A2,.arp_B4{
   background-color: #686868;
}
.arp_A2>a,.arp_B4>a{
   position: relative;
   height: 100%;
   z-index: 1;
}
.aa21 h2 {
   font-size: 26px;
   color: #fff;
}
.aa21 p {
   font-size: 15px;
   color: #fff;
   line-height: 250%;
}
.arp_A2 .aa21,.arp_B4 .aa21{
   padding-top: 20px;
   padding-left: 20px;
}
.arp_A2img{
   width: 90%!important;
   display: block;
   position: absolute;
   left: 5%;
   bottom: 2%;
   z-index: -1
}
.oneScreen_left2{
   height: 33.3%;
}
.news_homepage{
   height: 100%;
   background-color:#D60D03;
   image-rendering: -webkit-optimize-contrast;
}

.news_homepage .aa31 {
   padding: 0px 5%;
}
.news_homepage  .aa32 {
   text-align: center;
   padding: 30% 0px 10%;
}
.news_homepage  .aa32 img{
   max-width: 64px;
}
.news_homepage h2{
   font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 250%;
    margin: 0px;
}
.arp_A4,.arp_C2,.arp_B3{
   width: 33.33%;
}
.arp_A5,.arp_B2,.arp_C3{
   width: 66.66%;
}
.arp_A7 img{
   width: 100%;
}
.arp_B4,.arp_B5,.arp_C5,.arp_C4{
   width: 50%;
   position: relative;
}
.arp_B1{
   position: relative;
}
.arp_B1 img{
   height:100%
}
.arp_B1{
   height: calc(65.3% + 6px);
}
.aa551 {
   position: absolute;
   right: 10%;
   top: 10%;
   text-align: right;
}
.aa551 h2 {
   font-size: 50px;
   color: #fff;
   line-height: 160%;
   margin: 0px;
}
.aa551 .dda {
   text-decoration: underline;
}
.aa551 p {
   font-size: 33px;
   color: #fff;
   line-height: 160%;
}
.aa551 p a {
   color: #fff;
}
.video_phone_sty {
   display: none !important;
}

#videoOverlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   /* background: #000; */
   z-index: 9999999;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
}

/* 视频样式 */
#videoOverlay video {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* 跳过按钮样式 */
.skip-btn {
   position: absolute;
   display: none;
   justify-content: center;
   align-items: center;
   width: 50px;
   height: 50px;
   top: 25px;
   right: 25px;
   color: white;
   cursor: pointer;
   font-size: 14px;
   z-index: 10000;
}

.circle {
   position: absolute;
   transform: rotate(-90deg); /* 让动画从顶部开始 */
   transform-origin: center;
   width: 50px;
   height: 50px;
   background-color: #000;
   opacity: 0.5;
   border-radius: 50%;
}

.circle circle {
   stroke-dasharray: 138;
   stroke-dashoffset: 138;
}

.pass-text {
   display: inline-block;
   z-index: 10000;
}

.bodymain .mobileOne a {
   display: inline-block;
}



/* #videoOverlay video::-webkit-media-controls {
   display: none !important;
} */
 /* Firefox */
/* #videoOverlay video::-moz-media-controls {
   display: none !important;
} */
 /* 全局隐藏 */
/* #videoOverlay video::-webkit-media-controls-enclosure {
   display: none !important;
} */

/* 添加动画效果 */
@keyframes draw-circle {
   to {
    stroke-dashoffset: 0; /* 最终状态：完全显示 */
   }
}


@media screen and (max-width: 1399px){
   .arp_B1{
      height: 65.65%;
   }
   .oneScreen_left2 {
      height: 33.5%;
  }
}
@media screen and (max-width: 1200px){
   .flex_set{
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
   }
   .oneScreen_left,.oneScreen_right{
      width: 100%;
   }
   .arp_twoScreen{
      display: flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
   }
   .arp_A1,.arp_B6,.arp_C6{
      width: calc(66.66% - 4px);
   }
   .oneScreen_left2{
      width: calc(33.33% - 4px);
      height: 100%;
      flex-direction: column;
      -webkit-flex-direction: column;
   }
   .oneScreen_left2>div{
      width: calc(100% - 8px);
      height: calc(50% - 8px);
   }
   .arp_A2,.arp_B4{
      order: 1;
   }
   .arp_A4, .arp_C2, .arp_B3{
      width: calc(33.33% - 8px);
   }
   .arp_A5, .arp_B2, .arp_C3{
      width: calc(66.66% - 8px);
   }
   .arp_B4, .arp_B5, .arp_C5, .arp_C4{
      width: calc(100% - 4px);
   }
   .fourScreen>.oneScreen_left,.fiveScreen>.oneScreen_left{
      display: flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
   }
   .fiveScreen>.oneScreen_right{
      order:1;
   }
   .fiveScreen>.oneScreen_left>.flex_set{
      width: calc(33.33% - 4px);
   }
}
@media screen and (max-width: 974px){
   .arp_A1, .arp_B6, .arp_C6,.arp_A4,.arp_A5, .arp_B2, .arp_C3, .arp_B3,.fiveScreen>.oneScreen_left>.flex_set,.arp_C2{
      width: calc(100% - 4px);
   }
   .news_homepage  .aa32 {
      padding: 0px 0px 20px;
   }
   .oneScreen_left2{
      width: calc(100% - 4px);
      height: auto;
   }
   .oneScreen_left2>div {
      width: calc(100% - 8px);
      height: auto;
  }
  .news_homepage .aa31{
   padding: 10% 30px;
  }
  .news_homepage h2{
   font-size: 28px;
  }
  .arp_A2{
   order: 0;
  }
  .arp_A2img{
   text-align: center;
   padding: 30px 0px;
   position: static;
   margin: 0 auto;
  }
  .arp_A2, .arp_B4{
   background-color: #fff;
  }
  .aa21 {
      position: static;
      text-align: center;
      padding-bottom: 50px;
   }
  .aa21 h2 {
      font-size: 44px;
      color: #000;
   }
   .aa21 p {
      font-size: 26px;
      color: #000;
      line-height: 250%;
  }
  .arp_B1,.arp_B1 img{
   height: auto;
  }
  .arp_C5, .arp_C4{
   width: calc(50% - 8px);;
  }
  .video_phone_sty {
   display: block !important;
   }
  .video_pc_sty {
   display: none !important;
   }

   .skip-btn {
      width: 100px;
      height: 100px;
      font-size: 24px;
   }
   
   .circle {
      width: 100px;
      height: 100px;
   }

   .circle circle {
      stroke-dasharray: 276;
      stroke-dashoffset: 276;
   }
}
@media screen and (max-width: 768px){
   .aa551{
      right: 5%;
      top: 5%;
   }
   .aa551 h2{
      font-size: 36px;
   }
   .aa551 p{
      font-size: 26px;
   }
}

.ban1 {
    position: relative;
    --padding_px: 5px;
}

.ban1 .l_top,
.ban1 .r_top,
.ban1 .l_bottom,
.ban1 .r_bottom,
.ban1 .line_top,
.ban1 .line_right,
.ban1 .line_bottom,
.ban1 .line_left {
    position: absolute;
}

.l_top {
    left: var(--padding_px);
    top: var(--padding_px);
}

.r_top {
    right: var(--padding_px);
    top: var(--padding_px);
}

.l_bottom {
    left: var(--padding_px);
    bottom: var(--padding_px);
}

.r_bottom {
    right: var(--padding_px);
    bottom: var(--padding_px);
}

.ban1 .line_top,
.ban1 .line_bottom {
    height: 2px;
    background-color: rgba(217, 21, 21);
    opacity: .85;
    transform: translateX(-50%);
}

.ban1 .line_left,
.ban1 .line_right {
    width: 2px;
    background-color: rgba(217, 21, 21);
    opacity: .85;
    transform: translateY(-49%);
}

.ban1 .line_top {
    top: var(--padding_px);
    left: 50.5%;
    width: calc(100% - 111px - 109px - 2 * var(--padding_px) - 5px);
}

.ban1 .line_right {
    top: 50%;
    right: var(--padding_px);
    height: calc(100% - 35px - 19px - 2 * var(--padding_px) - 5px);
}

.ban1 .line_bottom {
    bottom: var(--padding_px);
    left: 50%;
    width: calc(100% - 111px - 109px - 2 * var(--padding_px) + 20px);
}

.ban1 .line_left {
    left: 5px;
    top: 49%;
    height: calc(100% - 35px - 19px - 2 * var(--padding_px) - 15px);
}

.footer_wrapper .footer_icon_01 {
    top: -15px !important;
}

@media screen and (max-width: 1280px) {
    .footer_wrapper .footer_icon_02,
    .footer_wrapper .footer_icon_03 {
        top: 2% !important;
    }
}

#bb2 .ccH5PlayBtn{
   top: 81%;
   left: 85%;
}