/* 适用于 WebKit 浏览器（Chrome, Safari, Edge） */
::-webkit-scrollbar {
    display: none;
}

/* 适用于 Firefox */
html {
   scrollbar-width: none;
    scroll-behavior: auto !important;
    
    overscroll-behavior: contain;
    /* 防止滚动传播 */
    font-size: 25px;


}





* {
    margin: 0;
    padding: 0;
    box-sizing: border-box !important;
    color: #fff;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #fff;
}
p{
    font-size: 0.9rem;
}
body {
    /* background: url(../picture/bg.jpg) repeat-y center center;
    width: 100%;
    height: 100vh;
   
    background-attachment: scroll; */
    /* 关键属性 */
    /* background-position: center;
    background-size: 100% auto;
    -ms-overflow-style: none; */
    /* 隐藏滚动条 */
    /* background-repeat: no-repeat;
    position: relative;
    overflow: hidden; */
   width: 100%;
   
    overscroll-behavior: contain;
    overflow-x: hidden;
     -ms-overflow-x: hidden;  /* IE10+ */
  overflow: -moz-scrollbars-none;  /* 老版Firefox */
}




.video {
    -webkit-transform: translateZ(0);
    /* 启用GPU加速 */
    will-change: transform;
    /* 提示浏览器优化 */
    backface-visibility: hidden;
    /* 改善渲染性能 */
}

.video-container {
    
    position: relative;
    
    width: 100%;
    
    height: 100vh;
    /* 占满整个视口高度 */
    overflow: hidden;
    background: #000;

}

.video-container video{
    
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    /* 保持宽高比同时填充容器 */
}
.video-container .gif{
    
    pointer-events: none;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    /* 保持宽高比同时填充容器 */
}

.gif{
    display: none;
}

.overlay-content {
    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    pointer-events: none;
   gap: 4.8rem;
   padding-top: 120px;
}

.xiugai{
    height: 4rem!important;
    width: 8rem!important;
}
.logo-element{
    /* margin-top: 160px; */
}

.text-element,
.logo-element,
.icons-container {
    opacity: 0;
    filter: blur(10px);
    transform: scale(1.3);
    transition: all 1s ease-out;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
}

.text-element {
    font-size: 2rem;
    color: white;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    /* margin-bottom: 2rem; */
    text-align: center;
    filter: blur(0);
    font-weight: 700;
    /* margin-bottom: -110px; */
}



.logo-element img {
    width: 16rem;
    max-width: 16rem;
    height: auto;
    
}

.logo-element {
    filter: blur(0);
}

.icons-container {
    display: flex;
    /* margin-top: 2rem; */
    filter: blur(0);
}

.icons {
    margin: 0 1rem;
    transition-delay: 0s;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icons img {
    width: 12rem;
    height: 7rem;
    object-fit: contain;
    margin: auto;
    display: inline-block;
}

/* 动画激活时的样式 */
@-webkit-keyframes zoomIn {
    0% {
     -webkit-transform: scale(0.5);
      filter: blur(5px);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(1);
      filter: blur(0);
      opacity: 1;
    }
  }
.show-text {
    /*opacity: 1;
    transform: scale(1);
    */animation: zoomIn 5s ease-out forwards;
    /*优化性能*/
    will-change: transform, filter, opacity;
    -webkit-animation: zoomIn 5s ease-out forwards;
}

.show-logo {
    /*opacity: 1;
    transform: scale(1);
    */animation: zoomIn 5s ease-out forwards;
    /*优化性能*/will-change: transform, filter, opacity;
    -webkit-animation: zoomIn 5s ease-out forwards;
}

.show-icons {
    /*opacity: 1;
    transform: scale(1);
    */animation: zoomIn 5s ease-out forwards;
    /*优化性能*/will-change: transform, filter, opacity;
    -webkit-animation: zoomIn 5s ease-out forwards;
}

.show-icons .icon {
    /*opacity: 1;
    filter: blur(0);
    transform: scale(1);
    */animation: zoomIn 5s ease-out forwards;
    /*优化性能*/will-change: transform, filter, opacity;
    -webkit-animation: zoomIn 5s ease-out forwards;
}

/* 为每个图标设置不同的延迟 */
.show-icons .icon:nth-child(1) {
    transition-delay: 0.1s;
}

.show-icons .icon:nth-child(2) {
    transition-delay: 0.3s;
}

.show-icons .icon:nth-child(3) {
    transition-delay: 0.5s;
}

.show-icons .icon:nth-child(4) {
    transition-delay: 0.7s;
}


.m-nav {
    display: none;

}

.m-logo img {
    width: 220px;

    height: 100%;
}


.title {
    gap: 10px;

}


.main {
    -webkit-transform: translateZ(0);
    /* 启用GPU加速 */
    /* contain: strict; */
    /*限制重绘范围C*/
   
    height: 5960px;
    
    /* overflow: hidden; */
    /* scroll-snap-align: start;  */
   
    background: url(../picture/bg.jpg) repeat-y center center;
    width: 100%;
    /* height: 100vh; */
   
    background-attachment: scroll;
    /* 关键属性 */
    background-position: center;
    background-size: cover;
    -ms-overflow-style: none;
    /* 隐藏滚动条 */
    background-repeat: no-repeat;
    position: relative;
    /* overflow: hidden; */
}

.box {
    /* overflow-y: auto; */
    /* overflow-x: hidden; */
    flex: 1;
    scroll-snap-type: y mandatory;
   
}

.nav {
    background-color: rgba(31, 29, 30, .4);
    width: 300px;
    max-width: 300px;
    height: 100vh;

    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 0;
}

.nav ul li {
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.nav ul li a{
    font-size: 0.8rem;
}

.nav ul li:hover a {
    color: rgb(70,116,203);
}


.active {
    color: rgb(70,116,203);
}


.box section {
    padding-top: 3rem;
    /* scroll-snap-align: start;  */
    /* min-height: 100vh; */
    margin: 4rem 0;
    /* width: 100vw; */
    /* overflow-y: auto; */
}

.box section>div {
    margin-top: auto;
}

.about h3,
.about h5 {
    color: #fff;
    /* text-align: center; */
}

.about article {
    width: 100%;
    max-width: 100%;
    /* padding: 2rem; */

}

.about article p,
.investrd p {
    /* text-indent: 2rem; */
    color: #fff;

}

.tubiao {
    position: relative;
    padding: 0 1rem;
    height: 750px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.tubiao img {
    width: 45%;
    /* margin: 1rem; */
    display: inline-block;

}

.anniu {

    border-radius: 0;
    border: 2px solid #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.anniu h6{
    font-size: 0.8rem;
    margin: 0;
}
.img-fluid {
   height: 380px;
   max-height: 380px;
   width: 100%;
   max-width: 100%;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}
.bg{
    background-color: #fff;
}

.team-list{
    width: 30%;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
   margin-bottom: 2rem;
}
.index-team .team-list:nth-child(4),.index-team .team-list:nth-child(5),.index-team .team-list:nth-child(6){
    margin-bottom: 0!important;
}


.cate-team-list{
    width: 30%;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
   margin-bottom: 2rem;
}
.cate-team-list span{
    color: #888;
    font-size: 0.7rem;
}
.team-name{
    padding: 5px 10px;
    height: 7rem;
}
.team-list img {
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.team-list h6,.team-list span{
    font-size: 0.8rem;
    margin: 0;
}
.team-list h6,.cate-team-list h6{
    color: #fff;
    font-weight: 700;
    font-size: 0.8rem;
    margin-top: 0.2rem;
    margin-bottom: 0;
}
.index-team{
   
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.date {
    color: rgb(180, 180, 180);
    text-align: left;
    margin-top: 1rem;
    font-size: 15px;
}

.news h6 {
    margin: 1rem auto;
    
}

.news span {
    display: block;
    
}

.contact {
    margin: 1.5rem auto;
    text-align: center;
}

.fenge {
    border-right: 2px solid #fff;
}

.lianxi {
    color: rgb(70,116,203);
}

.scroll-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scroll-column {
    width: 50%;
    padding: 0 10px;
   
}

.scroll-item {
    width: 100%;
    /* height: 3rem; */

}

.scroll-item img {
    width: 85%;
    /* height: 100%; */
    /* object-fit: cover; */
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

.controls {
    text-align: center;
    margin-top: 20px;
}

button {
    padding: 8px 15px;
    margin: 0 5px;
    cursor: pointer;
}

.footer {
    background-color: rgba(31, 29, 30, .4);
    text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.footer p {
    margin-top: auto;
    font-size: 0.5rem;
    margin: 0;
    line-height: 1.6rem;
}

.mb-nav {
    display: none;
    position: fixed;
    background-color: rgba(31, 29, 30, 1);
    top: 4rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999;
}

.mb-nav ul {
    padding: 2rem 2rem;
    width: 100%;
    height: 100vh;
}

.mb-nav li {
    line-height: 3rem;
}

#closeBtn {
    display: none;
}
.m-btn{
    display: none;
}

.team-list span{
    font-size: 0.8rem;
    color: #888;
}
#toggleBtn{
    text-align: center;
}


.left-logo{
        width: 25rem;    
}
.left-logo img{
    width: 100%;
}
.top{
    padding: 2rem 0;
}

.back h6{
    /* color: #333; */
    margin: 0;
    color: #fff;
}
.biaoti h4{
    margin: 0;
}
.gap-10{
    gap: 10px;
}
.single{
    position: sticky!important;
    height: auto!important;
}
.team-info p,.en-info p{
    font-size: 0.9rem!important;
}
.en-info p{
    line-height: 1rem!important;
}
.list-img img{
    width: 100%;
    background-color: #fff;
}
.list{
    margin: 3rem auto;
}
.list-item{
    margin: 1rem auto;
    padding: 1rem 0;
    border-bottom: 1px solid #555;
}
.list-case h5{
    text-align: center;
}
.list-logo{
    /* border: 1px solid #555; */
    height: 10rem;
}
.list-logo img{
    /* margin: auto; */
    display: block;
    width: 90%;
   height: auto;
}
.mg-0{
    margin: 0 auto;
}
.list-logo:hover{
    background-color: #6c757d;
}
.btn:hover .icon{
    color: #fff;
}
.single-team p{
    color: #333;
}
.single-team h6{
    
    text-align: center;
    color: #023998;
}
.team-touxiang img{
    width: 100%;
    height: 100vh;
}

.close{
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff;
}
.close:hover{
    background-color: #6c757d;
}
.team-info{
    padding: 2rem 1rem;
    height: 100vh;
    overflow-y: auto;
    
}
.team-info p{
    font-family: "楷体", "KaiTi", serif!important;
    font-size: 0.8rem;
    color: #000;
}
.en-info p{
    line-height: 0.8rem;
    font-family: Arial, sans-serif!important;
}
.news img{
    height: 250px!important;
}
.news h6,.news span{
    color: #fff!important;
}

.news-en{
    display: -webkit-box!important;          
    -webkit-box-orient: vertical;   
    -webkit-line-clamp: 3;         
    overflow: hidden;              
    text-overflow: ellipsis;
    
}


.fenye span{
    display: inline-block;
    margin: 0 0.3rem;
}
.page-num-current{
    color: #023998;
}
.page-numbar a{
    display: inline-block;
    margin: 0 0.3rem;
}
.footer-lianxi p{
    margin: 0 auto!important;
}
.footer-lianxi{
    height: 150px;

}