@charset "utf-8";
/* CSS Document */
@font-face{font-family:Aeonik;src:url(https://cdn.designsystem.arm.com/fonts/aeonik/Aeonik-Regular.woff2) format("woff2"),url(https://cdn.designsystem.arm.com/fonts/aeonik/Aeonik-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:Aeonik;src:url(https://cdn.designsystem.arm.com/fonts/aeonik/Aeonik-RegularItalic.woff2) format("woff2"),url(https://cdn.designsystem.arm.com/fonts/aeonik/Aeonik-RegularItalic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}
*{margin: 0; padding: 0;box-sizing: border-box;}
ul,ol,li{list-style:none}
img{ width: 100%; vertical-align: middle;}
body {
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    min-height: 1280px;
    /* 渐变背景还原原图紫蓝渐变 */
    background:#04002a url(../images/pcbg.jpg?v=1) no-repeat;
    background-size: 100%;
    color: #ffffff;
    position: relative;
}

a {color: #fff;text-decoration: none;cursor: pointer;}
a:hover {
  color: #bf9bee;
}
a:focus, button:focus, input:focus {
  outline: 0;
}
 input::placeholder, textarea::placeholder, input::-ms-input-placeholder, textarea::-ms-input-placeholder {
 color: #e6e6e6;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-moz-placeholder, textarea::-moz-placeholder {
 color: #999;
}
 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
 -webkit-box-shadow: 0 0 0 15.625rem #fff inset;
}

::-ms-clear, ::-ms-reveal {
 display: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
}

#play_button{
    position:absolute;
    width:30px;
    height:30px;
    right:10px;
    top:10px;
    transform:rotate(0deg);
    border-radius:15px;
    z-index: 9999;
}
#play_button img{float: left; width: 100%; vertical-align: middle;}
.wp{width: 1400px; margin: 0 auto;}
/* 顶部导航 */
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}
.logo-top,.logo,.logo-bottom {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1px;
    background: url(../images/mlogo.png) no-repeat center;
    background-size: 100%;
    width: 80px;
    height: 40px;
}
.btn-purple {
    background: #6023DE;
    color: #fff;
    border: none;
    padding: 8px 18px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.2s;
}
.top-register{padding: 0 10px; font-size: 12px; height: 26px; line-height: 26px;}
.btn-purple:hover {
    background: #6023DE;
}
/* 主体内容居中区域 */
.main-content {
    text-align: center;
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 90%;
    max-width: 1240px;
}
.title-en {
    font-size: 50px;
    font-weight: 500;
    margin-bottom: 30px;
    letter-spacing: 2px;
    position: relative;
    font-weight: 400;

}
.title-en .logo{position: relative; top: 17px; width: 130px; height: 70px; display: inline-block; margin-right: 20px;}
.title-cn {
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 30px;
}
.desc-text {
    font-size: 20px;
    line-height: 1.6;
    opacity: 0.92;
    margin-bottom: 42px;
    font-weight: 100;
}
.date-info {
    font-size: 30px;
    color: #48e0f5;
    margin-bottom: 60px;
    font-weight: 200;
}
.btn-big {
    padding: 9px 30px;
    font-size: 18px;
    border-radius: 30px;
}


.xtbox{float: left; width: 100%; margin: 900px 0% 100px 0}
.xtbox .xt{float: left; width: 100%;}
/* 单个内容模块 左图+右侧文字 */
.event-item {
    display: flex;
    gap: 150px;
    margin-bottom: 80px;
}
.event-img-box {
    width: 42%;
    flex-shrink: 0;
    padding: 10px 45px;
}
.event-img-box img {
    width: 100%;
    display: block;
    object-fit: cover;
}
.event-text-box {
    flex: 1;
}
.event-title {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
.event-desc {
    font-size: 20px;
    line-height: 1.7;
    color: #e6e6e6;
    font-weight: 300;
}
/* 底部常见问题标题 */
.faq-title {
    font-size: 40px;
    text-align: center;
    padding: 12px 0;
    margin-bottom: 80px;
    letter-spacing: 2px;
}
.fold-wrap {
    width: 100%;
    float: left;
    /*border-top: 1px solid rgba(255,255,255,0.9);;*/
    margin-top: 100px;
    /*opacity: 0.8;*/
  /*  height: 385px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-right: 30px;*/


}

.fold-item {
    border-bottom: 1px solid rgba(255,255,255,0.6);
    overflow: hidden;
}
.fold-itemxt{border-top: 1px solid rgba(255,255,255,0.6);}
/* 点击标题区域 */
.fold-title {
    padding: 22px 50px 22px 0;
    font-size: 22pt;
    color: #FFF;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
    transition: color 0.25s ease;
    position: relative;
}
.fold-title:hover {
    color: #FFF;
}
/* 下拉箭头动画 */
.fold-title::after {
    content: "∨";
    font-size: 0px;
    background: url("../images/ixia.png") no-repeat;
    background-size: 100% ;
    background-position: center;
    position: absolute;
    right: 10px;
    width: 30px;
    height: 40px;
    color: #E6E6E9;
    transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.fold-item.active .fold-title::after {
    transform: rotate(180deg);
}
/* 内容容器：双层动画，高度+透明度双重过渡 */
.fold-content-box {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.fold-content {
    padding: 0 0;
    font-size: 14pt;
    line-height: 1.9;
    color: #E6E6E9;
    display: none;
    /*opacity: 0;*/
    /*transform: translateY(-10px);*/
    /*transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);*/
}

/* 激活状态动画 */
.fold-item.active .fold-content-box {
    max-height: 800px;
}
.fold-item.active .fold-content {
    display: block;
    /*opacity: 1;*/
    /*transform: translateY(0);*/
    padding: 0 50px 28px 0;
}

.fold-itemxb{border-color: #fff;}
.fold-itemx span{float: left; width: 30%; display: flex; flex-direction: row;}
.fold-itemx span i{font-style: normal;}
.fold-itemx span i.t-start{
  width: 78px;
  display: inline-block;
  text-align:center;
}
.fold-itemx span i.t-sep{
  width: 20px;
  text-align:center;
  display: inline-block;
  
}
.fold-itemx span i.t-end{
  width: 78px;
  text-align:center;
  display: inline-block;
  /*text-align: justify;*/

}
.fold-itemx b{float: left; width: 70%; text-align: left; font-weight: 400;}
.fold-titlex::after{display: none;}
.fold-itemx .fold-content{margin-left: 28.5%;text-align: left;}


/* 页面底部版权栏 */
.footer {
    /*position: absolute;
    bottom: 0;
    left: 0;*/
    width: 100%;
    padding: 30px 0;
    font-size: 13px;
    opacity: 0.8;
    float: left;
    position: relative;
}
.footer-icon{width: 100%; height: 30px; margin-bottom: 20px;}
.footer-icon li{float: left; width: 50px; cursor: pointer;}
.footer-icon li span{display: block; padding: 10px;}
.footer-icon li i{display: none;  padding: 10px;}
.footer-icon li:hover span,.footer-icon li.cur span{ display:none; }
.footer-icon li:hover i,.footer-icon li.cur i{ display:block; }


.footer-top-line {
    width: calc(100%);
    height: 1px;
    background: rgba(255,255,255,0.9);
    margin: 0 auto 20px;
}
.footer-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.footer-links a {
    color: #fff;
    
    margin-right: 2px;
}
.footer-links b{display: inline-block; padding: 0 10px;}
.footer-links span{display: none;}
.lang-select {
    border: 1px solid rgba(255,255,255,0.9);
    padding: 4px 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
    background: url(../images/iqiu.png) no-repeat 5px;
    background-size: 20px;
    padding-left: 35px;
    width: 110px;
    cursor: pointer;
}
.logo-bottom {
    margin-top: 16px;
    text-align: right;
    font-size: 24px;
    font-weight: bold;
    float: right;
    width: 100px;
}
.copyright {
    margin-top: 10px;
}
.copyright b{display: none;}

.lang-box{position: absolute; display: none; width: 110px; height: 34px; background: #000; line-height: 26px;border: 1px solid #7233F7; padding: 4px 10px;border-radius: 4px; text-align: center;  cursor: pointer;}
.lang-box a{color: #fff;}
.footer-right .cur{display: block;}

.sbox{position: absolute; z-index: 999; top: -338px; display: none;}
.scode .cur{display: block;}
.mpic{margin-bottom: 45px;}
.xpic{display: none;}


.demo-tab-bar {
    /*display: flex;*/
    gap: 50px;
    margin-bottom: 50px;
    /*padding: 0 30%;*/
    padding-left: 28%;
}
.demo-tab {
    /*flex: 1;*/
    text-align: center;
    padding: 10px 0;
    border-bottom: 3px solid rgba(0, 0, 0, 0);
    font-size: 24px;
    cursor: pointer;
    color: #575174;
    width: 170px;
    height: 50px;
    line-height: 0px;
    float: left;
    margin: 0 5px;
    margin-right: 50px;

}
.demo-tab span{display: none; }
.demo-tab.active {
    /*background: #7233f6;*/
    border-color: #D1BAFD;
    color: #D1BAFD;
}

.fold-wrapx{margin-top: 50px;}
.xpbox{display: none; float: left; width: 100%;}  
#TechA{display: block;}
/* 屏幕宽度大于768px且小于1400px的样式 */
@media (min-width: 768px) and (max-width: 1399px) {
   .wp{width: 1000px;}
}

@media (max-width: 768px) {
  body{background-image: url(../images/mbg.jpg?v=1); min-height:110vh; background-color: #080226; background-size: 100% auto;}
  .wp{width: 100vw;}
  .header{padding:2vw 3vw;}
  .logo-top{width: 7vw; height: 3.5vw;}
  .btn-purple{width: 13vw;font-size: 1.5vw;padding: 1vw 2vw;margin: 0;}
  .top-register{width: auto; font-size: 1vw; height: 3vw; line-height: 3vw; padding: 0 2vw;}
  .main-content{top: 45vw;}
  .title-en {font-size: 5vw; margin-bottom: 4vw;}
  .title-en .logo{width: 13vw;height:3.8vw;top: 0vw;margin-right: 2vw;}
  .title-cn{font-size: 4vw; margin-bottom: 1vw; font-weight: 400}
  .desc-text{font-size: 2vw; margin-bottom: 7vw;}
  .date-info{font-size: 2.2vw; margin-bottom: 7vw; }
  .footer{padding: 5vw 3vw;}
  
  .footer-right{position: absolute; width: 31vw; left: 35vw; top: 10vw;}
  .footer-right .lang-select{width: 100%; font-size: 3.9vw}
  .footer-right .lang-select span.sr{width: 8vw; text-align: right;}
  .footer-right .lang-box{width: 100%; height: 10vw; line-height: 7vw; font-size: 4vw;}
  .footer-icon li{width: 13vw;}
  .logo-bottom{display: none;}
  .footer-left{position: relative; top: 12vw;}
  .footer-icon{position: relative; width: 65vw; left: 14vw; margin-bottom: 5vw;}
  .footer-links {text-align: center; line-height: 5vw; margin-bottom: 8vw;}
  .footer-links b{display: none;}
  .footer-links span{display: block; height: 1vw;}
  .copyright{padding: 0 7vw; margin-bottom: 5vw; text-align: center; line-height: 2.5vw}
  .footer-links a{margin-right: 3vw;}
  .mpic{display: none;}
  .xpic{margin-bottom: 3vw; display: block;}

  .xtbox{width: 88vw; margin: 110vw 6vw 15vw 6vw}
  .fold-wrap{margin-top: 5vw; padding-right: 1vw; }
  .fold-item:nth-child(1){border-top: 0.1vw solid rgba(255,255,255,0.6);}
  .fold-item{border-bottom: 0.1vw solid rgba(255,255,255,0.6);}
  .fold-title{padding: 2vw 5vw 2vw 0; font-size: 3.5vw;}

  .fold-title i{font-style: normal;}

  .fold-content{font-size:1.5vw;}
  .fold-title::after{width: 3vw; right: 0;}
  .copyright b{display: block;}
  .fold-item.active .fold-content{padding-bottom: 8px; padding-right: 20px; font-size: 3vw;  line-height: 1.3}
  /*.xpbox .fold-title{font-size: 3.5vw;}*/
  /*.xpbox .fold-item.active .fold-content{font-size: 3vw; line-height: 1.3}*/

  .fold-itemxb{border-color: #fff;}
  .fold-itemx .fold-content{margin-left: 28%; text-align: left; }
  .fold-itemx span i.t-start{
      width: 8vw;
      display: inline-block;
      text-align:center;
    }
    .fold-itemx span i.t-sep{
      width: 1.5vw;
      text-align:center;
      display: inline-block;
      
    }
    .fold-itemx span i.t-end{
      width: 8vw;
      text-align:center;
      display: inline-block;
      /*text-align: justify;*/

    }
  .faq-title{font-size: 4vw; padding: 1vw 0;margin-bottom: 3vw;}
  .event-item {
        margin-bottom: 5vw;
        gap: 5vw;
    }
    .event-img-box {
        padding: 1vw;
    }

    .event-title {
        font-size: 2.5vw;
        font-weight: 400;
        margin-bottom: 1vw;
        letter-spacing: 1px;
    }
    .event-desc {
        font-size: 1.5vw;
        line-height: 1.7;
        color: #e6e6e6;
        font-weight: 300;
    }
    .demo-tab-bar {
       
        margin-bottom: 35px;

    }
    .demo-tab{font-size: 14px; height: 35px; width: 90px; float: left; margin-right: 10px; border-bottom: 2px solid rgba(0, 0, 0, 0); margin-left: 0;}
}