/* 原版abous-css */
/* 原版abous-css */
/* 原版abous-css */
/* 原版abous-css */

@media screen and (max-width: 1920px) {
.news_detail {
    padding-top: 164px;
}
.news_detail_con{
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    padding-top: 64px;
        margin-top: 64px;
}
 .news_detail_p1,.news_detail_zz{
     color: #000;
font-family: "Plus Jakarta Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 120% */
     
 }
}

@media screen and (min-width: 1920px) {
    .t-box img {
            max-width: 1920px;
        }
         .t-content img{
            max-width: 100%;
        }
       
        .index-box1 .container {
				margin-top: 180px;
			}
          .deiata_more_con h5{
            
            font-family: "Plus Jakarta Sans";
            font-size: 28px;
            font-style: normal;
            font-weight: 700;
            line-height: 48px; /* 120% */
            text-transform: capitalize;
            margin-top: 120px;
            margin-bottom: 60px;
            
    }
.Ncon_img {
    border-radius: 24px;
    width:672px;
    height: 472px;
}
    .news_detail {
    padding-top: 164px;
}
.news_detail_con{
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    padding-top: 64px;
        margin-top: 64px;
}
.news_type .tit{
color: #000;
font-family: "Plus Jakarta Sans";
font-size: 0.2083rem;
font-style: normal;
font-weight: 200;
line-height: 0.4167rem; /* 200% *//* 200% */
margin-bottom: 0.2083rem;
}
 .news_detail_p1,.news_detail_zz{
     color: #000;
font-family: "Plus Jakarta Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 120% */
     

}
.news_detail h3{
   color: #000;
font-family: "Plus Jakarta Sans";
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 56px; /* 140% */
margin: 50px 0;
text-align: left;
}
.c_left_1, .c_left_2 {
    width: 288px;
    height: 640px;
}
.c_map_img {
    width: 1036px;
    height: 640px;
}
.c_img3 {
    
    height: 56px;
    border-radius: 8px;
    background: #FFF;
    display: inline-flex;
    height: 56px;
    padding: 10px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.c_img3 p{
    color: #000;
font-family: "Plus Jakarta Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 125.987%; /* 20.158px */

}
.Ncon {
    margin-bottom: 88px;
}
.c_img3 span{
    opacity: 0.5;
    margin-right: 16px;
}
.c_map1{
    width: 121px;
    height: 56px;
    border-radius: 8px;
background: #000;

}
.mapImg_btn a{
    color: #FFF;
font-family: "Plus Jakarta Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
display: inline-flex;
padding: 16px 24px;
justify-content: center;
align-items: center;
gap: 8px;
}
.mapImg_btn a img{
    width: 24px;
height: 24px;
aspect-ratio: 1/1;
}
    .bg-mobile {
        display: none;
    }
    .bg-pc {
        width: 100%;
        height: 100%;
    }
    .circle {  
      width: 0.9984px; /* 初始大小，可以设置为0或非常小的值 */  
      height: 0.9984px;  
      border-radius: 50%; /* 圆形 */  
     
      margin: 0 auto; /* 居中显示（或根据需要调整） */  
      animation: growCircle 15s infinite;
         left: 70.5%;
         position: absolute;
         top: 829.9968px;
           /* left: 28%;
             top: 0; */
    }  
      
    @keyframes growCircle {  
        0% {  
          width: 10.0032px;  
          height: 10.0032px; 
          /*transform: scale(1);*/
          border-radius: 50%;
          /* 可选，增加动画效果 */  
        }  
        100% {  
           border-radius: 50%;
            transform: scale(5760);
              width: 4000px;
             height: 4000px
        /* width: 1668.9984px;
         height: 1668.9984px; */ 
         
        }  
      }

.Ncon_txt {
    width: 527px;
}

.a_con{
display: flex;
margin-top: 144px !important;
border-radius: 32.0064px;
justify-content: space-between;
}
.al{
width: 831.9936px;
height: 752.0064px;
background: #000;
border-radius: 32.0064px;
position: relative;
overflow: hidden;
background-image:url('../image/al_img.png');
background-repeat: no-repeat;
background-position: right;
padding: 39.9936px;
}
.al_logo{
margin-bottom:357.0048px;
}
.al_txt p{
color: #FFF;
text-align: justify;
font-family: MiSans;
font-size: 20.0064px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
width: 344.0064px;
}
.al_txt p:nth-child(1){
margin-bottom: 30.0096px;
}
.al-right{
position: absolute;
right: 0;
top: 0;
}
.al-right img{

}
.ar{

}
.arT{
width: 831.9936px;
display: inline-flex;
padding: 32.0064px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 192px;
border-radius: 24px;
background: #FFF;
}
.ar h6{
color: #000;
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif, "Plus Jakarta Sans";
font-size: 32.0064px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.ar h6 span{
font-weight: 700;
}
.ar p{
color: #000;
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif, "Plus Jakarta Sans";
font-size: 15.9936px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
width: 344.0064px;
}
.arB{
display:flex;
justify-content: space-between;
margin-top:15.9936px;
}
.arBL,.arBR{
border-radius: 24px;
background: #FFF;
display: flex;
width: 408px;
padding: 32.0064px 32.0064px 24px 32.0064px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 224.0064px;
}
.arBR{

}
.map{
width: 1669.9968px !important;
height: 1669.9968px;
/* border-radius: 1668.9984px; */
opacity: 0.6;
/* background-image:url('../image/our_team.png'); */
/* border:0.9984px solid; */
position: relative;
margin-top:-320.0064px !important;
background:url('../image/our_team.png') no-repeat center;
display: flex;
flex-direction: column;
justify-content: center;
}
.team{
width: 1680px;
margin-top:-363.9936px !important;
margin-bottom:159.9936px !important;
}
.team h5{
color: #000;
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif, "Plus Jakarta Sans";
font-size: 20.0064px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 120% */
text-transform: uppercase;
margin-bottom:56.0064px;
}
.team ul{
display:flex;
flex-wrap: wrap;
}
.team li{

}
/* 
.team li:nth-child(5) img,.team li:nth-child(10) img,.team li:nth-child(15) img{
margin-right:0px;
} */
.team img{
border-radius: 10.0032px;
width: 320.0064px;
height: 399.9936px;
flex-shrink: 0;
margin-bottom: 15.9936px;
margin-right: 15.9936px;
}
.dd img{
left: 0;
}
.link{

}
.link h5{
color: #000;
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif, "Plus Jakarta Sans";
font-size: 20.0064px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 120% */
text-transform: uppercase;
margin-bottom:56.0064px;
}
.link ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.link li{
width: 324px;
border-bottom:0.9984px solid rgb(51 51 51 / 40%);
padding-bottom: 20.0064px;
margin-bottom: 20.0064px;
margin-right: 20.0064px;
}
.link a{
color: #000;
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif, "Plus Jakarta Sans";
font-size: 15.9936px;
font-style: normal;
font-weight: 500;
line-height: 125.987%; /* 20.16px */
}
.map-num{
width: 500.0064px;
height: 399.9936px;
display: flex;
flex-wrap: wrap;
}
.map-num li{
height: 80.0064px;
width: 50%;
border-left: 0.9984px solid #F00;
padding-left: 14.9952px;
}
.map-num sup{
display: block;
margin-top: 14.9952px;
font-size: 30.0096px;
}
.map-num h5{
color: #F00;
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif, "Plus Jakarta Sans";
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;

}
.map-num span{
line-height: 43.008px;
}
.map-num p{
color: #000;
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif, "Plus Jakarta Sans";
font-size: 20.0064px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 3.9936px;
}

.circle {  
width: 0.9984px; /* 初始大小，可以设置为0或非常小的值 */  
height: 0.9984px;  
border-radius: 50%; /* 圆形 */  
border-radius:9998.9952px;
/* background-color: rgb(255 0 0 / 10%); */
border: 0.9984px solid #F00;
margin: 0 auto; /* 居中显示（或根据需要调整） */  
animation: growCircle 15s infinite;
left: 70.5%;
position: absolute;
top: 829.9968px;
transform: translate(-50%, -50%);
 /* left: 28%;
   top: 0; */
}  

@keyframes growCircle {  
0% {  
width: 0.9984px;  
height: 0.9984px; 

border-radius: 50%;
border-radius:9998.9952px;
/* 可选，增加动画效果 */  
}  
100% {  
width: 3999.9936px;
height: 3999.9936px; 
border-radius:9998.9952px;
/* transform: scale(5760); */

/* width: 1668.9984px;
height: 1668.9984px; */ 

}  
}


    /* in
@media screen and (min-width: 1920px) {

} */
/* abous-css */



.bg-mobile {
    display: none;
}
.bg-pc {
    width: 100%;
    height: 100%;
}

.circle {  
  width: 0.9984px; /* 初始大小，可以设置为0或非常小的值 */  
  height: 0.9984px;  
  border-radius: 50%; /* 圆形 */  
  
  margin: 0 auto; /* 居中显示（或根据需要调整） */  
  animation: growCircle 15s infinite;
     left: 67.5%;
     position: absolute;
     top: 829.9968px;
       /* left: 28%;
         top: 0; */
}  
  
@keyframes growCircle {  
  0% {  
   width: 1px;  
    height: 1px; 
	
    border-radius: 50%;
	border-radius:9999px;
  }  
  100% {  
	width: 4000px;
	 height: 4000px; 
	 border-radius:9999px;
	 opacity: 0;
      /* transform: scale(5760); */
  /* width: 1669px;
   height: 1669px; */ 
  }  
}



.a_con{
display: flex;
margin-top: 144px !important;
border-radius: 32.0064px;
justify-content: space-between;
}
.al{
width: 831.9936px;
height: 752.0064px;
background: #000;
border-radius: 32.0064px;
position: relative;
overflow: hidden;
background-image:url('../image/al_img.png');
background-repeat: no-repeat;
background-position: right;
padding: 39.9936px;
}
.al_logo{
margin-bottom:357.0048px;
}
.al_txt p{
color: #FFF;
text-align: justify;
font-family: MiSans;
font-size: 20.0064px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
width: 344.0064px;
}
.al_txt p:nth-child(1){
margin-bottom: 30.0096px;
}
.al-right{
position: absolute;
right: 0;
top: 0;
}
.al-right img{

}
.ar{

}
.arT{
width: 831.9936px;
display: inline-flex;
padding: 32.0064px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 192px;
border-radius: 24px;
background: #FFF;
}
.ar h6{
color: #000;
font-family: "Plus Jakarta Sans";
font-size: 32.0064px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.ar h6 span{
font-weight: 700;
}
.ar p{
color: #000;
font-family: "Plus Jakarta Sans";
font-size: 15.9936px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
width: 344.0064px;
}
.arB{
display:flex;
justify-content: space-between;
margin-top:15.9936px;
}
.arBL,.arBR{
border-radius: 24px;
background: #FFF;
display: flex;
width: 408px;
padding: 32.0064px 32.0064px 24px 32.0064px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 224.0064px;
}
.arBR{

}
.map{
width: 1669.9968px !important;
height: 1669.9968px;
/* border-radius: 1668.9984px; */
opacity: 0.6;
/* background-image:url('../image/our_team.png'); */
/* border:0.9984px solid; */
position: relative;
margin-top:-320.0064px !important;
background:url('../image/our_team.png') no-repeat center;
display: flex;
flex-direction: column;
justify-content: center;
    background-size: 100%;
}
.team{
margin-top:-363.9936px !important;
margin-bottom:159.9936px !important;
}
.team h5{
color: #000;
font-family: "Plus Jakarta Sans";
font-size: 20.0064px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 120% */
text-transform: uppercase;
margin-bottom:56.0064px;
}



.dd img{
left: 0;
}
.link{

}
.link h5{
color: #000;
font-family: "Plus Jakarta Sans";
font-size: 20.0064px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 120% */
text-transform: uppercase;
margin-bottom:56.0064px;
}
.link ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.link li{
width: 324px;
border-bottom:0.9984px solid rgb(51 51 51 / 40%);
padding-bottom: 20.0064px;
margin-bottom: 20.0064px;
margin-right: 20.0064px;
}
.link a{
color: #000;
font-family: "Plus Jakarta Sans";
font-size: 15.9936px;
font-style: normal;
font-weight: 500;
line-height: 125.987%; /* 20.16px */
}
.map-num{
width: 500.0064px;
height: 399.9936px;
display: flex;
flex-wrap: wrap;
}
.map-num li{
height: 80.0064px;
width: 50%;
border-left: 0.9984px solid #F00;
padding-left: 14.9952px;
}
.map-num sup{
display: block;
margin-top: 14.9952px;
font-size: 30.0096px;
}
.map-num h5{
color: #F00;
font-family: "Plus Jakarta Sans";
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;

}
.map-num span{
line-height: 43.008px;
}
.map-num p{
color: #000;
font-family: "Plus Jakarta Sans";
font-size: 20.0064px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 3.9936px;
}
}
@media screen and (max-width: 3.75rem) {
    .bg-pc {
        width: 270%;
        
    }
}


/* 原版abous-css */
/* 原版abous-css */
/* 原版abous-css */
/* 原版abous-css */
/* 原版abous-css */
.nav{
    position: fixed;
    bottom: 30.0096px;
    /* top: 768px; */
    transform: translate(-50%, 0);
    left: 50%;
    width:max-content;
height: 72px;
border-radius: 15.9936px;
background: rgba(0, 0, 0, 0.60);
backdrop-filter: blur(6.0096px);
transition: bottom 0.5s ease;
z-index: 99; 
opacity: 0;
}
.nav ul{
	display: flex;
	justify-content: space-between;
	padding: 8.0064px;
	    align-items: center;
}
.nav ul li{
	border-radius: 8.0064px;
	background: rgba(0, 0, 0, 0.50);
	padding:0 24px;
	cursor: pointer;
	position: relative;
    height: 56px;
    line-height: 56px;
    margin-right: 8px;
}
.nav ul li:last-child{
	margin-right: 0px;
}
.nav ul li:nth-child(1){
	background: none;
	padding:0;
}
.nav ul li:nth-child(1) a::after{
	display: none;
}
.nav ul li:nth-child(2){
	/* padding:15.9936px; */
	
}
.nav ul li a{
	color: #FFF;
	font-family: "Plus Jakarta Sans";
	font-size: 13.9968px;
	font-style: normal;
	font-weight: 400;
	line-height: 0; 
	
}
.nav ul li:hover > a::after{
	width: 15.9936px;
}
.nav ul li::after,.nav ul li a::after{
	position: absolute;
	width: 0;
	height: 1.9968px;
	flex-shrink: 0;
	content:"";
	background: #F00;
	    bottom: 3.9936px;
	    transform: translate(-50%, 0);
	    left: 50%;
		transition: 0.3s;
	}
	.nav ul .action{
		background: #333;
	}
.nav ul .action::after{
	position: absolute;
	width: 15.9936px;
	height: 1.9968px;
	flex-shrink: 0;
	content:"";
	background: #F00;
	    bottom: 3.9936px;
	    transform: translate(-50%, 0);
	    left: 50%;
}




@media screen and (min-width: 1920px) {
	*{
        margin: 0;
        padding: 0;
    }
  
    ul,li{ padding:0;margin:0;list-style:none;}
    a {
        text-decoration: none; } /*正常的未被访问过的链接*/ a:link { text-decoration: none; } /*已经访问过的链接*/ a:visited { text-decoration: none; } 
        /*鼠标划过(停留)的链接*/ a:hover { text-decoration: none; } /* 正在点击的链接*/ a:active { text-decoration: none; }
        html{
            font-size: 15.9936px;
        }
        body[aos-duration='6000'] [aos], [aos][aos][aos-duration='6000']{
            transition-duration: 6000ms;
          }
    #wrap{
        width: 100%;
        overflow: hidden;
        position: relative;
        background: #F4F4F4;
    }
    
     .c_left_1, .c_left_2{
                position: relative;
            }
            .c_left_txt{
                position: absolute;
                top: 224px;
                left:48px;
            }
            .c_left_txt h6{
                color: #000;
                font-family: "Plus Jakarta Sans";
                font-size: 24px;
                font-style: normal;
                font-weight: 500;
                line-height: 125.987%; /* 30.237px */
            }
             .c_left_txt p{
                 color: #000;
                font-family: "Plus Jakarta Sans";
                font-weight: 500;
                line-height: 125.987%; /* 15.118px */
             }
              .c_left_txt p:nth-child(2){
                  font-size: 12px;
                  opacity: 0.5;
                  margin: 12px 0 48px;
              }
              .c_left_txt p:nth-child(3){
                  font-size: 16px;
                  opacity: 0.5;
                  margin-bottom: 8px;
              }
              .c_left_txt p:nth-child(4){
                  font-size: 16px;
              }
     .Ncon li{
                    padding: 72px 0;
                }
                .Ncon_txt p{
    color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    display: -webkit-box;
    line-clamp: 2; /* 限制文本显示为两行 */
    -webkit-box-orient: vertical;
    overflow: hidden; /* 隐藏溢出的文本 */
   
}
.new_p1{
     border-bottom: 1px solid;
    width: 44px;
}
.Ncon_txt h6{
    color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 142.857% */
    margin: 40px 0;
     display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
    
}
.Ncon_txt span{
    color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 60px;
    line-height: 24px; /* 177.778% */
    display: -webkit-box;
    line-clamp: 2; /* 限制文本显示为两行 */
    -webkit-box-orient: vertical;
    overflow: hidden; /* 隐藏溢出的文本 */
}
   /* .hide {top: -109.9968px}
    
    .show {top: 0;
      }
    .hide2{}
        
    .show2{
            background: rgba(255, 255, 255, 0.5);
            backdrop-filter: blur(32.0064px);
            border-radius: 49.9968px;} */
            .show3{
                  background:none;
                }
    .header{
        width: 100%;
    position:absolute;
      z-index: 2;
      position: relative;
      position: fixed;
      z-index: 9999;
      transition: all 0.2s;
      margin-top: 4px;
      transform: translate(-50%, 0);
      left: 50%;
       
        padding:0 24px;
    }
    .head{
        width: 100%;
        align-items: center;
        flex-shrink: 0;
        margin: 0 auto;
       
        display: flex;
        justify-content: space-between;
        padding-left: 27.9936px;
        padding-right: 32.0064px;
		transition: 0.2s;
          height: 80px;
    }
    #demoCanvas,#demoCanvas7{
        width: 1680px;
        height: 888px;
    }
    .ban-txt{
        /* height: 360px; */
        
    }
    
    .lang{
        display: flex;
        line-height: 32.0064px;
        align-items: center;
    }
    .lang img{
        width: 32.0064px;
        height: 32.0064px;
        margin-right: 2.9952px;
    }
    .ban-txt-p{
        width: 1680px;
        margin: 0 auto;
        color: #000;
        font-family: "Plus Jakarta Sans";
        font-size: 63.9936px;
        font-style: normal;
        font-weight: 700;
            padding-top: 231.9936px;
            margin-left: 96px;
            display: flex;
            margin-bottom: 49.9968px;
            margin-left: auto;
    
    }
    .wrapper {
                    width: 100%;
                    height: 72px;
                    position: relative;
                    margin: 39.9936px auto 0;
                    overflow: hidden;
                }
                .box {
                    
                    width: 192px;
                    height: 72px;
                    padding: 20.0064px 25.9968px 21.0048px 26.9952px;
                    position: absolute;
                    
                }
                
                .boxes {
                    position: relative;
                    left: -200.0064px;
                }
        
                .wrapper2 {
                    width: 100%;
                    height: 296.0064px;
                    position: relative;
                    margin: 39.9936px auto 0;
                    overflow: hidden;
                }
                .box2{
                    width: 296.0064px;
                    height: 296.0064px;
                    position: absolute;
                    margin-right: 20.0064px;
                }
                .box3{
                    width: 528px;
                    height: 396px;
                    position: absolute;
                }
                
                .boxes2 {
                    position: relative;
                    left: -300px;
                }
    .iUKFMQ {
        width: max-content;
        display: flex;
        animation: 30s linear 0s infinite normal none running animation-infinite-x;
    }
    .iUKFMQ img{
       /* width: 192px;
    height: 72px; */
    /* padding: 20.0064px 25.9968px 21.0048px 26.9952px; */
    }
    @keyframes animation-infinite-x {  
        /* 定义动画的关键帧 */  
        0% {
            transform: translate(0);
        }
        100% {
            transform: translate(-50%);
        } 
      }
    .jq231{
        width: max-content;
        display: flex;
        animation: 30s linear 0s infinite normal none running animation-infinite-x;
    }
    .autoplay-progress{
        position: absolute;
        left: 33.0048px;
        top: 54.0096px;
        z-index: 10;
        /* width: 48px;
        height: 48px; */
        
        font-weight: bold;
    }
    
    .progress-bar{
       
        height: 1.9968px;
        background: red;
        transition: 0.3s;
    
       
        color: var(--swiper-theme-color);
        width:0;
    }
    
    

.bg-mobile {
    display: none;
}
.bg-pc {
    width: 100%;
    height: 100%;
}
.circle {  
  width: 1px; /* 初始大小，可以设置为0或非常小的值 */  
  height: 1px;  
  border-radius: 50%; /* 圆形 */  
  border-radius:9999px;
  /* background-color: rgb(255 0 0 / 10%); */
  border: 1px solid #F00;
  margin: 0 auto; /* 居中显示（或根据需要调整） */  
  animation: growCircle 12s infinite;
     left: 70.5%;
     position: absolute;
     top: 830px;
	 transform: translate(-50%, -50%);
    
}  
  
@keyframes growCircle {  
  0% {  
   width: 1px;  
    height: 1px; 
	
    border-radius: 50%;
	border-radius:9999px;
  }  
  100% {  
	width: 4000px;
	 height: 4000px; 
	 border-radius:9999px;
	 opacity: 0;
      /* transform: scale(5760); */
  /* width: 1669px;
   height: 1669px; */ 
  }  
}
.circle2 {  
  width: 1px; /* 初始大小，可以设置为0或非常小的值 */  
  height: 1px;  
  border-radius: 50%; /* 圆形 */  
  border-radius:9999px;
  /* background-color: rgb(255 0 0 / 10%); */
  border: 1px solid #F00;
  margin: 0 auto; /* 居中显示（或根据需要调整） */  
  animation: growCircle2 5s infinite;
     left: 50%;
     position: absolute;
     top: 50%;
	 transform: translate(-50%, -50%);
    
}  
  
@keyframes growCircle2 {  
  0% {  
   width: 1px;  
    height: 1px; 
	
    border-radius: 50%;
	border-radius:9999px;
  }  
  100% {  
	width: 1500px;
	 height: 1500px; 
	 border-radius:9999px;
	 opacity: 0;
      /* transform: scale(5760); */
  /* width: 1669px;
   height: 1669px; */ 
  }  
}



.a_con{
display: flex;
margin-top: 144px !important;
border-radius: 32px;
justify-content: space-between;
}
.al{
width: 832px;
height: 752px;
background: #000;
border-radius: 32px;
position: relative;
overflow: hidden;
background-image:url('../image/al_img.png');
background-repeat: no-repeat;
background-position: right;
padding: 40px;
}
.al_logo{
margin-bottom:0;
}
.al_txt{
    position: absolute;
    bottom: 40px;
}
.al_txt p{
    color: #FFF;
    text-align: left;
    font-family: MiSans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
    width: 344px;
    width: 500px;
}
.al_txt p:nth-child(1){
margin-bottom: 30px;
}
.al-right{
position: absolute;
right: 0;
top: 0;
}
.al-right img{

}
.ar{

}
.arT{
width: 832px;
display: inline-flex;
padding: 32px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
gap: 0;
border-radius: 24px;
background: #FFF;
       height: 368px;
}
.ar h6{
color: #000;
font-family: "Plus Jakarta Sans";
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.ar h6 span{
font-weight: 700;
}
.ar p{
color: #000;
font-family: "Plus Jakarta Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
width: 344px;
}
.arB{
display:flex;
justify-content: space-between;
margin-top:16px;
       height: 368px;
}
.arBL,.arBR{
border-radius: 24px;
background: #FFF;
display: flex;
width: 408px;
padding: 32px 32px 24px 32px;
flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
}
.arBR{

}
.map{
width: 1670px !important;
height: 1670px;
/* border-radius: 1669px; */
opacity:1;
/* background-image:url('../image/our_team.png'); */
/* border:1px solid; */
position: relative;
margin-top:-320px !important;
background:url('../image/our_team.png') no-repeat center;
display: flex;
flex-direction: column;
justify-content: center;
background-size: 1920px;
}
.team{
margin-top:-364px !important;
margin-bottom:160px !important;
}
.team h5{
color: #000;
font-family: "Plus Jakarta Sans";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 120% */
text-transform: uppercase;
margin-bottom:56px;
}

.dd img{
left: 0;
}
.link{

}
.link h5{
color: #000;
font-family: "Plus Jakarta Sans";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 120% */
text-transform: uppercase;
margin-bottom:56px;
}
.link ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.link li{
width: 480px;
border-bottom:1px solid rgb(51 51 51 / 40%);
padding-bottom: 20px;
margin-bottom: 20px;
margin-right: 20px;
}
.link a{
color: #000;
font-family: "Plus Jakarta Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 125.987%; /* 20.158px */
}
.map-num{
width: 500px;
height: 400px;
display: flex;
flex-wrap: wrap;
    margin-left: 120px;
}
.map-num li{
height: 80px;
width: 50%;
border-left: 1px solid #F00;
padding-left: 15px;
}
.map-num sup{
display: block;
margin-top: 15px;
font-size: 30px;
}
.map-num h5{
color: #F00;
color:#FF0000;
font-family: "Plus Jakarta Sans";
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;

}
.map-num span{
line-height: 43px;
}
.map-num p{
color: #000;
font-family: "Plus Jakarta Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 4px;
}

@media screen and (max-width: 3.75rem) {
    .bg-pc {
        width: 270%;
        
    }
}
    
    
    
    
    .type{
        width: 1680px;
        margin: 0 auto;
    }
    
    .wraper-page{
        display: none;
        height: 47.0016px;
        
    } 
    .slide-bar{
      display: none;
        position: fixed;
        top: 0;
    }
    .projects{
    margin-top: 32.0064px;
    
    position: relative;
    
    }
    .projects .tit h5{
        color: #000;
    font-family: "Noto Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 44.0064px; /* 183.333% */
    letter-spacing: 1.1904px;
    margin-bottom: 123.9936px;
    
    }
    .index-box1 .container .list ul li {
        width: 512.0064px;
    }
    .projects-con{
        -moz-column-count:3; /* Firefox */
        -webkit-column-count:3; /* Safari 和 Chrome */
        column-count:3;
        -moz-column-gap: 72.9984px;
        -webkit-column-gap: 72.9984px;
        column-gap: 72.9984px;
      
        overflow: hidden;
    }
    .logo img{
        width: 90.0096px;
        height: 30.0096px;
    }
    .nav{
        position: fixed;
        bottom: 30px;
        /* top: 768px; */
        transform: translate(-50%, 0);
        left: 50%;
    height: 72px;
    border-radius: 15.9936px;
    background: rgba(0, 0, 0, 0.60);
    backdrop-filter: blur(6.0096px);
    transition: bottom 0.5s ease;
    }
	.nav-flex{
		opacity: 1;
	}
	.nav-ab{
		position: absolute;
		    bottom: 195px;
			opacity: 1;
	}
    .projects-break{
        
    }
      /* styles.css */  
      .sidebar {  
        position: fixed;  
        bottom: -300px;  
        left: 50%; /* 初始位置在左边隐藏 */  
        transition: bottom 0.3s ease; /* 平滑过渡效果 */  
        overflow-y: auto; /* 允许垂直滚动 */  
      }  
        
      .sidebar.show2 {  
        bottom: 30.0096px; /* 显示时移动到左边 */  
      }  
    
          /* 底部导航栏样式 */  
    .bottom-nav {  
        position: fixed;  
        bottom: 0;  
        left: 0;  
        width: 100%;  
        background-color: #333;  
        color: #fff;  
        transition: opacity 0.3s ease; /* 平滑过渡效果 */  
      }  
        
      .hidden {  
        opacity: 0;  
        pointer-events: none; /* 隐藏时禁止交互 */  
      }  
        
      .scroll-area {  
        /* 为滚动区域设置适当的样式 */  
        padding: 20.0064px;  
        height: 2000.0064px; /* 模拟长页面 */  
      }
    
    
    .projects-con li{
    
    border-radius: 24.9984px;
        overflow: hidden;
    }
    .projects-con li a{
    
    }
    .projects .img1{
        width: 512.0064px;
        height: 512.0064px;
    }
    .projects .img2{
        width: 512.0064px;
    height: 656.0064px;
    }
    
    
    .projects p{
        color: #000;
        font-family: "Plus Jakarta Sans";
        font-size: 20.0064px;
        font-style: normal;
        font-weight: 700;
        line-height: 125.987%; /* 25.1904px */
        margin: 15.9936px 0 24px 0;
    }
    .projects span{
        font-family: "Plus Jakarta Sans";
        font-size: 13.9968px;
        font-style: normal;
        font-weight: 500;
        line-height: 125.987%; /* 17.6448px */
        margin-bottom: 111.9936px;
        display: block;
    }
    .index-box1 .container .list ul li a .public-img img,.index-box1 .container .list ul li a .public-img {
        border-radius: 24px !important;
    }
    .projects-more{
        width: 495.9936px;
    height: 63.9936px;
    margin: 0 auto;
    border-radius: 32.0064px;
    background: #000;
    }
    .projects-more a{
        color: #FFF;
    font-family: "Plus Jakarta Sans";
    font-size: 18.0096px;
    font-style: normal;
    font-weight: 700;
    line-height: 63.9936px;
    text-align: center;
    display: block;
    transition: 0.3s;
    }
    .vision{
    margin-top: 390.0096px;
    display: flex;
    justify-content: space-between;
    }
    .news_type{
        width: 1080px;
        margin-top: 224px;
    }
    
    .vision .left {
        
    }
    .vision .left .left-tit h6{
        color: #000;
    font-family: "Noto Sans";
    font-size: 39.9936px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; /* 120% */
    }
    .vision .left .left-con{
        margin-top: 42.0096px;
    }
    .vision .left .left-con p{
        color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 15.9936px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    /*width: 458.9952px;*/
    margin-bottom: 30.0096px;
    }
    .vision .left .left-foot{
        display: flex;
        margin-top: 50px;
    
    }
    .vision .left .left-foot img{
        width: 56.0064px;
    height: 56.0064px;
    margin-right: 32.0064px;
    }
    .vision .left .left-foot img:last-child{
        width: 99.9936px;
    height: 39.9936px;
    margin-top: 15.9936px;
    }
    .vision .right{
        display: flex;
    }
    .vision .right li{
        width: 351.9936px;
        height: 495.9936px;
        background: #000;
        margin-left: 15.9936px;
        border-radius: 24px;
        position: relative;
        overflow: hidden;
    }
    .vision .right li:last-child{
     background: none;
    }
    
    .vision .right li:hover > a >img{
        transform: scale(1.05);
    }
    .vision .right li:hover > a > div >p{
        transform: translateY(10.0032px);
    }
    .vision .right li a{
       
    }
    .vision .right li:last-child a{
        position: relative;
        display: block;
        background: #000;
        border-radius: 15.9936px;
        height: 351.9936px;
        overflow: hidden;
    }
    .vision .right li a h5{
        color: #FFF;
        font-family: "Plus Jakarta Sans";
        font-size: 15.9936px;
        font-style: normal;
        font-weight: 700;
        padding-top:32.0064px;
        margin-left:32.0064px;
    }
    .vision .right li a img{
        width: 100%;
        height: 248.0064px;
        /*margin-top: 108px;*/
        opacity: 0.9;
        transition: 0.5s;
		object-fit: cover;
    }
    .vision .right li a span{
        color: #FFF;
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 125.987%; /* 15.1104px */
    display: block;
   margin-top: 25px;
    margin-left:32.0064px;
    opacity: 0.5;
    }
    .index_newsdiv1 {
   
    margin-top: 108px;
   
}
    .newstype{
        width: 818px;
        margin: 0 auto;
    }
    .vision .right li a .div_p{
    position: absolute;
    left: 32.0064px;
    bottom: 70.0032px;
    }
    .vision .right li a div p{
        width: 216px;
        color: #FFF;
    font-family: "Plus Jakarta Sans";
    font-size: 20.0064px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
    transition: 0.5s;
    text-transform: uppercase;
    }
    .vision .right li:last-child a img{
        height: 192px;
    }
    .vision .right li:last-child span{
        margin-top: -40.992px;
    }
    .vision-more{
    height: 128.0064px;
    padding: 0px 32.0064px;
    
    gap: 228.9984px;
    flex-shrink: 0;
    border-radius: 24px;
    background: #000;
    display: block;
    margin-top: 15.9936px;
    
    }
    .vision-more a{
        color: #FFF;
        display: inline-flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    width: 100% !important; 
        font-family: "Plus Jakarta Sans";
        font-size: 15.9936px;
        font-style: normal;
        font-weight: 700;
        line-height: 128.0064px; /* 20.16px */
        justify-content: space-between !important;
        overflow: unset !important;
    }
    .vision-more a img{
        width: 22.0032px !important;
        height: 18.0096px !important;
        margin-top: 57.0048px !important;
        transition: 0.5s !important;
        opacity: 1 !important;
    }
    .vision-more:hover img{
        transform: translateX(10.0032px);
    }
    .autoplay-progress span{
        display: none;
      }
    .autoplay-progress {
        width: 78.0096px;
        margin-top: 7.008px;
        /* position: absolute;
        left: 15.9936px;
        top: 54.0096px;
        z-index: 10;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        color: var(--swiper-theme-color); */
      }
      .news_con .right li{
        width: 384px;
        height: 495.9936px;
      }
      .news_con .right li:last-child a img{
        height: 248.0064px;
    }
    .news_con .right li:last-child {
        background: #000;
    }
    .news_con .right li:last-child a {
        position: unset;
        display: unset;
        background: #000;
        border-radius: 0;
        height: auto;
        overflow: unset;
    }
    .news_con .right li:last-child span {
        margin-top: 40.992px;
    }
      .autoplay-progress svg {
        --progress: 0;
        position: absolute;
        left: 0;
        top: 0px;
        z-index: 10;
        width: 100%;
        height: 100%;
        stroke-width: 3.9936px;
        stroke: var(--swiper-theme-color);
        fill: none;
        stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
        stroke-dasharray: 125.6;
        transform: rotate(-90deg);
      }
    
    
    
      #demoCanvas{
        width: 100%
    }
     
    .jq22 img{
    width: 192px;
    height: 72px;
    padding: 20.0064px 25.9968px 21.0048px 26.9952px;
    
    }
    .jq231{
        margin-top: 279.9936px;
        position: relative;
    }
    .jq231 div{
        width: 296.0064px;
        height: 296.0064px;
    }
    .adt_img{
    
       margin:0 48px;
        
        }
    .jq231 img:nth-child(odd){
        width: 528px;
        height: 296.0064px;
        flex-shrink: 0;			
        border-radius: 15px 
    
    }
    .jq231 img:nth-child(even){
        width: 296.0064px;
    height: 296.0064px;
    }
    .footer{
        background: #EEE;
        height: 560.0064px;
        width: 100%;
        margin-top: 167.0016px;
    }
    .foot{
        display: flex;
        justify-content: space-between;
    }
    /* .projects-more:hover a{
        transform: translateX(10.0032px);
    } */
    
    
    .swiper {
       margin-top: 255.9936px;
       margin-bottom: 49.9968px;
      }
    
      .swiper-slide {
        font-size: 18.0096px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
      }
    
      .swiper-slide img {
        display: block;
        width: 100% ;
        height: 888px !important;;
        object-fit: cover;
      }
    .swiper-slide1{
       
        width: 100%;
        height: 888px !important;
        display: block;
    }
    .sw-con{
        color: white;
        display: flex;
    }
    .sw-con div{
        border-radius: 24px;
      
       
    }
    .sw-r1-l p{
        width: 480px;
    }
    .sw-l{
        width: 432px;
        height: 888px;
        padding:32.0064px;
        background: #000;
        margin-right: 8.0064px;
		    background-image: url(../image/Ellipse-2384.png);
		    background-position: top right;
		    background-repeat: no-repeat;
    }
    .sw-l h6{
        font-family: "Plus Jakarta Sans";
        font-size: 18.0096px;
        font-style: normal;
        font-weight: 700;
        position: relative;
        margin-bottom: 568.992px;
    
    }
    .slide2{
        position: absolute;
        top: 32.0064px;
        left: 32.0064px;
        z-index: 99;
    }
    .slide2 h6{
        font-family: "Plus Jakarta Sans";
        font-size: 18.0096px;
        font-style: normal;
        font-weight: 700;
        color: #fff;
        
    }
    /* .slide2 h6::before{
        width: 1.9968px;
        height: 1.9968px;
        content: ' ';
        position: absolute;
        margin-top: 30.0096px;
        margin-left: 1.9968px;
        background: #F00;
        animation: in-out1 20s infinite;
    }
    .sw-l h6::before{
        width: 1.9968px;
        height: 1.9968px;
        content: ' ';
        position: absolute;
        margin-top: 30.0096px;
        margin-left: 1.9968px;
        background: #F00;
        animation: in-out 20s infinite;
    } */
    
    @keyframes in-out {
        0% {
          width: 1.9968px;
        }
        50% {
          width: 78.0096px;
        }
        100% {
            width: 1.9968px;
          /* but starting to "disappear" from left to right, just like the way it appears */
        }
        
      }
      @keyframes in-out1 {
        0% {
          width: 78.0096px;
        }
        50% {
          width: 1.9968px;
        }
        100% {
            width: 78.0096px;
          /* but starting to "disappear" from left to right, just like the way it appears */
        }
        
      }
    .ban-txt span{
       
    }
    #typewriter {  
        white-space: pre-wrap;  
        font-family: monospace;  
        color: #000;
        font-family: "Plus Jakarta Sans";
        font-size: 63.9936px;
        font-style: normal;
        font-weight: 700;
        text-decoration: underline;
        margin-left: 10.0032px;
    }  
      
     
    .sw-l h5{
        width: 316.992px;
        word-break: break-all;
    font-family: "Plus Jakarta Sans";
    font-size: 39.9936px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; /* 120% */
    text-transform: uppercase;
    margin-bottom: 15.9936px;
    }
    .sw-l .numCX,.sw-r1 .numCX,.sw-r2-l .numCX,.sw-r2-r .numCX{
        color: #F00;
    }
    .sw-l .unitC,.sw-r1 .unitC,.sw-r2-l .unitC,.sw-r2-r .unitC{
        margin-top: -0.9984px;
        float: right;
        margin-right: 11.0016px;
        color: #F00;
    }
    .sw-r1 .unitC{
        margin-right: 421.9968px;
    }
    .sw-r2-l .unitC{
        margin-right: 121.9968px;
    }
    .sw-r2-r .unitC{
        width: 200.0064px;
    }
    .sw-l p{
    font-family: "Plus Jakarta Sans";
    font-size: 13.9968px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.0064px; /* 142.857% */
    letter-spacing: 0.6912px;
    opacity: 0.5;
    }
    .sw-r{
    
    }
    .sw-r1{
    display: flex;
    }
    .sw-r1-l{
        width: 792px;
        height: 440.0064px;
        padding:32.0064px;
        background: #000;
    }
    .sw-r h6{
        font-family: "Plus Jakarta Sans";
        font-size: 18.0096px;
        font-style: normal;
        font-weight: 700;
        position: relative;
        margin-bottom: 230.016px;
    }
    .sw-r h6::before{
        width: 1.9968px;
        height: 1.9968px;
        content: ' ';
        position: absolute;
        margin-top: 30.0096px;
        margin-left: 1.9968px;
        background: #F00;
    }
    .sw-r h5{
        word-break: break-all;
    font-family: "Plus Jakarta Sans";
    font-size: 39.9936px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; /* 120% */
    text-transform: uppercase;
    margin-bottom: 16.992px;
    }
    .sw-r1-l h5{
      
    }
    .lang a{
        color: #fff;
    font-family: "Plus Jakarta Sans";
    font-size: 22.0032px;
    font-style: normal;
    font-weight: 700;
    display: block;
    
    }
    .sw-r p{
        font-family: "Plus Jakarta Sans";
        font-size: 13.9968px;
        font-style: normal;
        font-weight: 400;
        line-height: 20.0064px; /* 142.857% */
        letter-spacing: 0.6912px;
        opacity: 0.5;
        }
        .sw-r2{
            display: flex;
        }
    .sw-r1-r{
        width: 440.0064px;
        height: 440.0064px;
        flex-shrink: 0;
        margin-left: 8.0064px;
        padding:32.0064px;
        background: #000;
    }
    .sw-r2{
        margin-top: 8.0064px;
    }
    .sw-r2-l,.sw-r2-r {
        width: 615.9936px;
        height: 440.0064px;
        padding:32.0064px;
        background: #000;
    }
    .sw-r2-l{
        margin-right: 8.0064px;
    }
    .foot-logo{
        margin-right: 0;
		width: 500px;
    }
    .foot-logo-tit p{
        width: 152.0064px;
        color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 125.987%; /* 15.1104px */
    margin-top: 382.0032px;
    }
    .foot-logo a img{
        width: 144px;
    height: 52.3008px;
    flex-shrink: 0;
    margin-top: 120px;
    }
   
    .foot-contact{
    margin-top: 120px;
    }
    .foot-contact li{
        width: 495.9936px;
        height: 84px;
        line-height: 84px;
        border-top: 0.9984px solid rgba(0, 0, 0, 0.4);
        display: flex;
    display: flex;
    justify-content:unset;
    }
    .news li {
    width: 495.9936px;
}
    .foot-contact li {
    
    }
    .foot-contact li {
    
    }
    .foot-contact li {
    
    }
    
    .foot-contact li {
    
    }
    .foot-contact li {
    
    }

    .f-tit{
        color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 15.9936px;
    font-style: normal;
    font-weight: 500;
    opacity: 0.5;
        width: 24%;
    }
    .f-phone a{
        color: #000;
        font-family: "Plus Jakarta Sans";
        font-size: 15.9936px;
        font-style: normal;
        font-weight: 600;
    }
    .f-p,.f-p a{
        color: #000;
        text-align: right;
        font-family: "Plus Jakarta Sans";
        font-size: 15.9936px;
        font-style: normal;
        font-weight: 500;
       
    }
    .foot .wx{
        position: relative;
		margin-right: 30px;
    }
    .wx p:hover ~ img{
        opacity: 1;
        z-index: 3;
    }
    .wx p{
        cursor: pointer;
    }
    .foot .link{
    display: flex;
    }
    .foot .wx img{
        width: 150.0096px;
        height: 150.0096px;
        position: absolute;
        opacity: 0;
        top: -130.0032px;
        left: -44.0064px;
        transition: 0.2s;
        z-index: -9;
    }
    .foot .link div{
        margin-left: 0;
    }
    .f-em{
        margin-left: 0;
    }
    .gyu{
        width: 138px;
    }
    .nav-con{
        display: flex;
     
    }
    .foot-nav{
        width: 495.9936px;
        border-top: 0.9984px solid rgba(0, 0, 0, 0.4);
        margin-top: 120px;
    }
    .nav-tit h6{
        margin-top: 32.0064px;
        color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 15.9936px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    opacity: 0.5;
    margin-bottom: 32.0064px;
    }
    .nav-con dd a{
        color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 125.987%; /* 15.1104px */
    margin-bottom: 20.0064px;
    display: block;
    opacity: 0.7;
    transition: 0.3;
    }
    .nav-con dd a:hover{
        opacity: 1;
    }
    .nav-con dl:first-child{
        margin-right: 140.0064px;
    }
    
    .logo-mobile{
        margin: 0 auto;
        display: block;
        margin-top: 12.9984px;
        width: 40%;
        width: 192.9984px;
        height: 26.9952px;
    }
    .header1{
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        position: relative;
    
        transition: all 0.2s;
    }
    
    .logo{
      
    }
    .logo div{
        /* width: 260.0064px;
    height: 36.9984px;
        background: url(../image/lanhelogowhite-2.png); */
    }
    
    .menu_list{
        display: flex;
        width: 510px;
        margin-left: -20px;
        justify-content: space-between;
       
    
    }
  
    
    .show_list a{
        color: #fff;
        font-family: "Plus Jakarta Sans";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        display: block;
       
    }
    .menu_list:hover{
    
    }
    /* .menu_list:hover > li > a{
        color: #333333;
    } */
    /* .menu_list:hover ~ .logo >div{
        background: url(../image/lanhelogowhite-2.png) no-repeat;
    
    } */
    .menu_list:hover + .header1{
        height: 397.9968px;
    background: #FFFFFF;
    opacity: 1;
    }
    
    .move_list{
        height: auto;
        overflow: hidden;
        z-index: 103;
        position: absolute;
        top: 57.0048px;
        left: 0;
        opacity: 0;
        text-align: center;
        margin-left: 4.992px;
    margin-top: -20.0064px;
    height: 0;
    }
    .move_list li a{
        width: 116.0064px;
        color: #666;
        height: 60px;
        line-height: 44.0064px;
    font-size: 14.9952px;
    font-weight: 500;
    }
    .show_list:hover .move_list{
        transition: all 0.2s;
        margin-top: 0px;
        opacity: 1;
        height: auto;
    }
    .move_list li a:hover{
        color: #000;
    }
    .show_list:hover dd{
        width: 18.0096px;
    height: 2.9952px;
    background:#2D6EB2;
    opacity: 1;
    }
    
    
    .bananer {
        width: 100%;
        overflow: hidden;}
    
    
    
    
    
    .f1 dd a:hover{
        color: #0062C9;
    }
    .f-logo{
        position: absolute;
        top: 156px;
        right: 0;
    }
    .f2{
        float: right;
        margin-top: 14.9952px;
    }
    .logo-mobile{
        margin: 0 auto;
        margin-top: 14.9952px;
        width: 85%;
        height: auto;
    }
    .wraper-page a{
        position: absolute;
        transform: translatex(-50%);
        left: 50%;
    }
    .f2 p{
        font-size: 13.9968px;
        font-family: Microsoft YaHei;
        font-weight: 300;
        color: #7E7E7E;
    }
    .f2 p a{
        font-size: 13.9968px;
        font-family: Microsoft YaHei;
        font-weight: 300;
        color: #7E7E7E;
    }
    
    .focus{
        width: 100%;
        height: 94.0032px;
        border-bottom: 0.9984px solid #DBDBDB;
        position: relative;
        background: #F6F6F6;
    }
    .focus1{
        width: 1160.0064px;
        margin:0 auto;
    } 
    
    .focus ul{
        float: left;
    }   
    .focus li {
        float: left;
        margin-top: 26.9952px;
        margin-right: 24px;
    }
    
    .wechat1,.dy,.wbm,.xhs{
        position:absolute;
       opacity: 0;
        top: -180px;
        z-index: 99;
        transition: all 0.2s;
    }
    
    .focus1 div{
         width: 37.9968px;
        height: 37.9968px;
    }
    .wechat{
       
        background: url(../image/z555.png) no-repeat;
    }
    .wechat:hover ~ .wechat1{
        opacity: 1;
    }
    .wechat:hover{
        background: url(../image/z555B.png) no-repeat; 
    }
    .wb{
        
        background: url(../image/z549.png) no-repeat;
    }
    .wb:hover ~ .wbm{
        opacity: 1;
    }
    .wb:hover{
        background: url(../image/z549B.png) no-repeat;
    }
    .f3{
        background: url(../image/z547.png) no-repeat;
    }
    .f3:hover{
        background: url(../image/z547B.png) no-repeat;
    }
    
    .f3:hover ~ .dy{
        opacity: 1;
    }
    .f4{
        background: url(../image/z553.png) no-repeat;
    }
    .f4:hover ~ .xhs{
        opacity: 1;
    }
    .f4:hover{
        background: url(../image/z553B.png) no-repeat;
    }
    
    .news_con .right{
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .news_con{
        display: block;
        width: 1392px;
    }
	
}

@media screen and (max-width: 768px) {
    .ar {
            margin-top: 40px;
        }
    .m_top1{
        width: 48px;
    height: 48px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.70);
    backdrop-filter: blur(6px);
    line-height: 56px;
    text-align: center;
    }
    .m_top1 img{
        width: 16px;
        height: 14px;
    }
    .c_map_img9, .c_map_img109 {
        height: 100%;
        object-fit: cover;
}
.Ncon li:hover a > .Ncon_img img {
    transform: none;
}
    .JT_img{
        width: 40px;
        height: 40px;
    }
    .num{
        display: flex;
        width: 40px;
        height: 40px;
        padding: 16px;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }
     .hidden3 {
              margin-top: -100px;
    transition: 0.3s;
        }
        .logo {
    transition: 0.3s;
}
    .deiata_more_con h5 {
            color: #000;
            font-family: "Plus Jakarta Sans";
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            text-transform: capitalize;
            margin-top: 48px;
            margin-bottom:32px;
            line-height: 20px;
        }
.deiata_more .t2 span {
    
    margin-bottom: 48px;
}
.deiata_more .t1 p {
  
    font-size: 14px;
}
    .deiata_more a{
        width: 48%;
    }
    .index-box1 .container{
           margin-top:80px
        }
    .c-tit {
        width: 100%;
        background: #EFEBE2;
        height: auto;
        display: block;
        justify-content: space-between;
        padding: 48px 16px 24px 16px;
    }
    .mapImg_btn {
   
       bottom: 10px !important;
    padding: 0 10px !important;
  
}
    svg:not(:root) {
    height: 20px;
}
    
    	.vision .left-tit{
			    display: none;
			}
			.vision2 .left-tit2{
			    display: block;
			}
    	.news_Mspan1{
	    display: block;
	}
	.news_PCspan1{
	    display: none;
	}
    .index_newsdiv1{
           margin-top: 74px;
    height: 165px;
}
    .news ul{
        flex-direction: column;
    }
    .news li{
        border-left: 1px solid rgba(0, 0, 0, 0.5);
        padding-left: 15.9936px;
       margin-bottom: 56px;
        width: auto;
    }
    .news li:last-child{
        margin-bottom: 0;
    }
    .news h6{
        width: 100%;
        color: #000;
        font-family: "Plus Jakarta Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
        margin-bottom: 15.9936px;
    }
    
    
    .news p{
        color: rgb(0 0 0 / 50%);
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 171.429% */
    width:100%;
    display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .news span{
            color: rgb(0 0 0 / 50%);
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15.9936px;
    float: none;
    margin-top: 16px;
    }
    .news {
    margin-top: 160px !important;
}
    #demoCanvas, #demoCanvas7{
        display: none;
    }
    #demoCanvas77, #demoCanvas88{
        display: block;
        width: 100%;
        height: 166px;
        margin-top: 120px;

    }
    .m_h6{
display: block;
color: #FFF;
font-family: "Plus Jakarta Sans";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin-top: 75px;
margin-bottom: 16px;
margin-left: 24px;
    }
    .m_h6 span{
        color: #F00;
    }
    .m_p{
        display: block;
        color: #FFF;
font-family: "Noto Sans";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.5;
margin-left: 24px;
width: 289px;
    }
  .mySwiper .swiper-slide{
    border-radius: 24px;
    background: #000;
height: 584px;
    z-index: 99999;
position: relative;
    }
    .slide2 h6 {
        font-size: 14px;
    }
    .mod h4 {
        font-size: 24px;
    }
.header{
    height: 68.0064px;
    padding: 0;
   /*background: rgba(255, 255, 255, 0.5);*/
   /* backdrop-filter: blur(32.0064px);*/
    margin-top: 0;
	    mix-blend-mode: difference;
}
svg path {
    fill: #000;
}
svg:not(:root) {
    overflow: hidden;
    width: 61px;
}
.close span{
    background:#fff;
}
.logo svg path{
    fill: #fff;
}
#fixedNav2 svg:not(:root) {
    width: 48px;
    height: 48px;
    
}
.menu-open{
    background: none !important;
    backdrop-filter: none !important;
}
.menu-open img{
    display: none;
}
.header_d1{
    background: #fff;
    mix-blend-mode: unset;
}
.lang{
    display: none;
}
.logo{
    display: block;
}
.head{
    height: 100%;
    border-radius: 0;
    padding-left: 19px;
    padding-right: 19px;
}
.mb-list{
    width: 100%;
  
    height: 0;
    background: #fff;
    padding: 0 30.0096px;
    overflow: hidden;
    transition: height 0.6s ease; /* 可选：添加过渡效果 */ 
}
.mb-list.full-height {  
    height: 100vh; /* 使用视口高度 */  
    /* 或者，如果.mb-list有明确的父元素且你想让它占据父元素的高度 */  
    /* height: 100%; */  
}
.mb-list li{
    height: 60px;
    line-height: 60px;
    border-bottom: 0.9984px solid #eee ;
}
.show_list a {
    font-weight: 600;
    color: #333;
    font-size: 18px;
}
.hide {
    top: -100px;
        position: relative;
}
.show2{
    /* background: #fff; */
}
.bananer img {
    /* margin-top: 47.0016px; */
}
.projects .tit h5 {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1.1904px;
    margin-bottom: 50px;
}
.m-list ul {
    display: flex;
    justify-content: space-between;
}
.sw-l{
    border-radius: 24px;
}
.logo img {
    width: 61px;
    height: 20px;
    flex-shrink: 0;
}
.menu_list,.header1 {
    display: none;
}
.footer {
    width: 100%;
    height: 99.9936px;
}
.f1{
    display: none;
}
.f-logo {
    position: relative;
    right: 0;
    top: 0;
    text-align: center;
    margin-bottom: 16.992px;
}
.f2 {
    float:none;
    margin-top: 0;
    text-align: center;
} 
.wraper-page,.slide-bar{
        display: block;
    }   
    .f-logo img{
        margin-top: 20.0064px;
    width: 32%;
    }
    .f2 p a {
        font-size: 12px;
    }
    .focus {
        height: 63.9936px;
    }
    .tit {
      line-height: 63.9936px;
      margin-right: 10.0032px;
    }
    .focus li {
      margin-top: 13.9968px;
      margin-right: 10.0032px;
    }
    .ban-txt-p {
        width: 100%;
        font-size: 32px;
        font-weight: 700;
        padding-top: 125px;
        margin-left: 19px;
        padding-bottom: 80px;
        height: 80px;
        display: block;
    }
    #typewriter{
        font-size: 32px;
        margin-left:0;
    }
    .projects {
        margin-top: 24px;
    }
    .type {
        width: 100%;
        padding: 0 19px;
    }
   
   .c_img3 span {
    opacity: 0.5;
   
    display: block;
}
.c_img3 p {
    font-size: 14px;
        text-transform: none;
}
.c_map_img9 {
    width: 100%;
    border-radius: 16px;
}

.c_map1 {
    width: 105px;
    height: 56px;
    border-radius: 8px;
    background: #000;
    display: inline-flex;
padding: 16px;
justify-content: center;
align-items: center;
gap: 8px;
}
.mapImg_btn a{
    color: #FFF;
font-family: "Plus Jakarta Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
}
   
     .c-con {
            height: auto !important;
           display: block !important;
            margin-top: 80px !important;
            border-radius: 16px !important;
            overflow: hidden;
            justify-content: space-between;
        }
         .c-con-pc{
        display: none !important;
    }
    .c-con-moblie{
        display: block;
    }
    .c_left_1, .c_left_2 {
    width: 100%;
   height: 202px;
   border-radius: 16px;
background: #FFF;
    margin-bottom: 16px;
    padding: 20px;
    position: relative;
}
.c_left_1 img, .c_left_2 img{
    position: absolute;
   right: 20px;
    top: 87px;
    width: 87px;
}
  .c_left_1 h6, .c_left_2 h6{
      color: #000;
font-family: "Plus Jakarta Sans";
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 125.987%; /* 30.237px */
      
  }
  .c_left_1 p, .c_left_2 p{
    color: #000;
font-family: "Plus Jakarta Sans";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 125.987%; /* 17.638px */
}
.c_map_img {
    width: 100%;
    height: 400px;
}
.mapImg_btn a img {
  
    width: 24px;
    height: 24px;
}
.c_img3 {
    width: 169px;
    height: 56px;
}
.c_img3 {
    border-radius: 8px;
}
    .list{
        display: none;
    }
    .m-list{
        display: block;
    }
    .projects .img2 {
        /*width: 158px;*/
        width: 100%;
        height: 202px;
        border-radius: 8px;
    }
    .container {
        width: 100%;
    }
    .projects .img1 {
        width: 158px;
        height: 158px;
        border-radius: 8px;
    }
    .projects p {
        font-size: 14px;
        margin: 16px 0;
    }
    .projects span {
        font-size: 12px;
        margin-bottom: 48px;
    }
    .projects-more a {
        font-size: 14px;
        line-height: 56px;
    }
    .projects-more {
        width: 158px;
        height: 56px;
        border-radius: 32.0064px;
      
    }
    .swiper {
        margin-top: 120px;
        margin-bottom: 42px;
    }
	.sw-r{
		display: none;
	}
	#demoCanvas,#demoCanvas7{
	    width: 100%;
	    height: 584px;
		background: #000;
		border-radius: 24px;
	}
	.slide2 {
	    position: absolute;
	    top: 24px;
	    left: 24px;
	    z-index: 99;
	}
	#demoCanvas canvas,#demoCanvas7 canvas{
	  
	}
    .vision-more{
        display: none;
    }
    .vision .right li:last-child a {
        position: relative;
        display: block;
        background: #000;
        border-radius: 15.9936px;
        height: 100%;
        overflow: hidden;
    }
    .vision .right li a h5 {
       color: #FFF;
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    padding-top: 16px;
    margin-left: 16px;
    }
    .vision .right li a .div_p {
    position: absolute;
    left: 16px;
    bottom: 47px;
}
    .vision .right li:last-child a img {
        height: 192px;
    }
    .vision .right li:last-child span {
          margin-top: 20px;
    }
	.swiper-slide1 {
	    height: 584px !important;
	}
	.sw-l {
	    width: 100%;
	    height: 584px;
	    padding: 24px;
        border-radius: 24px !important;
		}
		.sw-l h6 {
		    margin-bottom: 190px;
			font-size: 14px;
		}
		.sw-l p{
			display: none;
		}
		.sw-l h5{
			font-size:16px;
			margin-bottom: 40px;
			width: 100%;
			display: flex;
			justify-content: space-between;
			line-height: normal;
		}
		.sw-l .numCX, .sw-r1 .numCX, .sw-r2-l .numCX, .sw-r2-r .numCX {
		   font-size:20px;
		}
		.sw-l .unitC, .sw-r1 .unitC, .sw-r2-l .unitC, .sw-r2-r .unitC {
		    margin-top: 3px;
		    float: right;
		    margin-right: 0;
		    color: #F00;
		    font-size: 20px;
		}
		.autoplay-progress{
			left:44px;
            margin-top:50px
		}
		.swiper-fade .swiper-slide{
			width: 100% !important;
			    
		}
		.swiper-slide{
			background:#F4F4F4;
		}
		.sw-l{
			margin-right:0;
		}
		.mb-schm{
			display: block !important;
			margin-left: 41px;
			    margin-top: 20px;
		}
		.iUKFMQ img {
		   width: auto;
    height: 36px;
    padding: 0px 10px 0px 10px;
		}
		.vision .left .left-con,.vision .left .left-foot {
		    margin-top: 42.0096px;
		    display: none;
		}
		.vision {
		    margin-top: 40px;
		    display: block;
			overflow-x: auto;
			}
			.vision .left .left-tit h6 {
			    font-size: 20px;
			}
			.left-tit-more{
				width: 65px;
				height: 24px;
				display: block;
				border-radius: 50px;
				background: #000;
				color: #FFF;
				font-family: "Plus Jakarta Sans";
				font-size: 14px;
				font-style: normal;
				font-weight: 700;
				line-height: 22px;
				text-align: center;
				
			}
			.vision2{
			        margin-top: 120px;
			}
			.vision2 .left-tit2 h6{
			   font-size: 20px;
			       color: #000;
                font-family: "Noto Sans";
                font-style: normal;
                font-weight: 700;
            }
			
		
			.v_box{
			   	display: flex;
				justify-content: space-between;
				align-items: center;
			}
			.left-tit{
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 40px;
			}
			.vision .right {
			    display: flex;
			    overflow-x: auto;
			    white-space: nowrap;
			    width: 800px;
			}
            .news_con .right {
                display: flex;
                overflow-x: unset;
                white-space: nowrap;
                width: 100%;
                flex-wrap: wrap;
                justify-content: space-between;
            }
			.vision .right li {
			    width: 256px;
			    height: 330px;
			    margin-left: 0;
			    margin-right: 10px;
			    border-radius: 16px;
			}
            .news_con .right li {
                width: 48%;
                height: auto;
                margin-right: 0;
                margin-bottom: 15px;
            }
            .news_con  .right li a h5 {
                padding-top: 20px;
                margin-left: 16px;
            }
            .news_con .right li a img {
                width: 100%;
                height: auto;
                margin-top: 20px;
            }
            .news_con .right li a div p {
                width: auto;
                font-size: 13px;
            }
            
			.vision .right li a div {
			    /*left: 16px;*/
			    /*bottom: 32px;*/

			}
            .news_con .right li a div {
                left: 16px;
                right: 15px;
                bottom: 44px;
            }
			.vision .right li a span {
                margin-left: 16px;
                margin-top: 20px;
                margin-bottom: 20px;
                    font-size: 12px;
			}
			.vision .right li a img {
			    width: 100%;
			  height: auto;
			    transition: 0.5s;
			}
            .news_con .right li:last-child a img {
                height: auto;
            }
            .news_con  .right li:last-child span {
                margin-top: 20px;
            }
            .news_con, .news_detail {
                margin-top: 96px;
                    padding: 0 25px;
            }
            .news_detail_con {
   
                padding-top: 48px;
                margin-top: 48px;
            }
            .news_detail_p1, .news_detail_zz {
                font-size: 12px;
                line-height: 24px;
            }
            .news_detail h3 {
                font-size: 28px;
               
                margin: 28px 0;
                line-height: 36px;
            }
            .new_p1 {
                width: 31px;
                        }
			.vision .right li a div p {
			    width: 159px;
			    color: #FFF;
			    white-space: normal;
			    font-family: "Plus Jakarta Sans";
			    font-size: 16px;
			    font-style: normal;
			    font-weight: 500;
			    line-height: normal;
			    transition: 0.5s;
			    text-transform: uppercase;
			}
			.footer {
			    display: block !important;
				height: auto;
				    margin-top: 120px;
			}
            .news_con .right li a div p {
                width: auto;
                color: #FFF;
                white-space: normal;
                font-family: "Plus Jakarta Sans";
                font-size: 13px;
            }
            .news_con .right li a span {
                color: #FFF;
                font-family: "Plus Jakarta Sans";
                font-size: 12px;
            }
			.jq231 {
			    margin-top: 160px;
			}
			.foot {
			    display: block;
				}
				.foot-logo {
				   margin-right: 0;
				       height: 128px;
				       line-height: 141px;
				       display: flex;
                        align-items: center;
				   }
			.foot-logo-tit{
				display: none;
			}
			.foot-logo-tit2{
				display: block;
			}
			.foot-contact {
			    margin-top: 0;
			}
			.foot-logo a img {
			    width: 61px;
			    height: 20px ;
			    margin-top:0;
				}
			.foot-li{
			    width: 100% !important;
			    height: 128px !important;
			    border-top: 0.5px solid rgba(0, 0, 0, 0.3);
			    display: flex;
				}
			.foot-contact li{
				line-height: normal;
				    border-top: 0.5px solid rgba(0, 0, 0, 0.3);
				    display: flex;
				    flex-direction: column;
				    align-items: flex-start;
				    justify-content: space-evenly;
			}
			.f-em {
			    margin-left: 0;
			}
			.f-p, .f-p a {
			    font-size: 14px;
				}
			.foot .link {
			    width: 100%;
			    display: flex;
			    justify-content: space-between;
				}
			.f-tit{
                font-size: 14px;
			}
			.m-list li {
			    width: 48%;
			}
			.adt_img{
			    margin: 0 24px;
			}
			.jq231 img:nth-child(odd) {
			      width: auto;
                 height: 148px;
			    flex-shrink: 0;
			    border-radius: 8px;
			}
			.jq231 div {
			    width: 148px;
			    height: 148px;
			}
			.mb-jq{
				height: auto;
				margin-top: 24px !important;

			}
			.mb-jq img:nth-child(even) {
			    width: 202px;
			    height: 148px;
				border-radius: 8px;
			}
			.f-p img,.pc-f-p,.foot-nav{
				display: none;
			}
			.mb-f-p{
				display: block;
			}
			.f-phone a {
			    color: #000;
			    font-family: "Plus Jakarta Sans";
			    font-size: 14px;
			    font-style: normal;
			    font-weight: 500;
				}
			.foot .link div {
			    margin-left: 0;
			}
			.foot-logo-tit2 {
			    display: block;
			    color: #000;
			    font-family: "Plus Jakarta Sans";
			    font-size: 12px;
			    font-style: normal;
			    font-weight: 700;
			    line-height: 125.987%;
			    letter-spacing: 0.24px;
			    width: 152px;
			    margin-top: 50px;
			    margin-bottom: 45px;
			}
			.close {
						width: 22px;
						display: flex;
						flex-wrap: wrap;
						align-content: center;
						}
			
					.close span {
						width: 100%;
			height: 2px;
		
			margin: 3px 0;
			/*border-radius: 2px;*/
			transition: all .3s;
			display: block;
				}
			    .header_d1 .logo svg path {
                    fill: #000;
                }
                .header_d1 .close span {
                        background: #000;
                    }
				.close span:nth-child(2) {
			/*width: 60%;*/
			margin: 6px 0 6px auto;
				}
				.close.on span {
				  margin: 6px 0;
				}
				 .close.on span:nth-child(1) {
				  transform: rotateZ(45deg);
				  transform-origin: left center;
				}
				 .close.on span:nth-child(2) {
				  opacity: 0;
				}
				 .close.on span:nth-child(3) {
				  transform-origin: left center;
				  transform: rotateZ(-45deg);
				}
			.close {
				display: block;
			}
			#fixedNav{
				display: none;
				height: 48px;
				width: 90%;
			}
			#fixedNav2{
				position: fixed;
				bottom: 18px;
				display: flex;
				justify-content: space-between;
				width: 100%;
				z-index: 99;
				padding: 0 19px;
				}
				#fixedNav2 svg path{
                    fill: #fff;
                }
				#fixedNav2 ul{
					
				}
			.m-nav1{
				width: 168px;
				height: 48px;
				border-radius: 8px;
				background: rgba(0, 0, 0, 0.70);
				backdrop-filter: blur(6px);	
				display: flex;
				height: 100%;
				align-items: center;
				position: relative;
			}
			.m-nav1 p{
				color: #FFF;
				font-family: "Plus Jakarta Sans";
				font-size: 14px;
				font-style: normal;
				font-weight: 500;
				line-height: 48px;
				margin: 0;
			}
			.m-nav1 img{
				width: 24px !important;
				height: 24px !important;
				margin: 0 14px 0 12px !important;
			}
			#myUl{
				height: 0;
				overflow: hidden;
				width: 0;
				z-index: 999;
				transition: 0.3s;
				position: absolute;
			}
			 .current {
                   font-size: 12px;
                    margin-bottom: 48px;
                    color: #FFF !important;
                    font-family: "Plus Jakarta Sans";
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400;
                    width: 40px;
                    height: 40px;
                    line-height: 40px !important;
                    text-align: center;
                    border-radius: 8px;
                }
			.new-ul{
				display: inline-flex;
				/* padding: 16px 28px 16px 12px; */
				flex-direction: column;
				justify-content: center;
			    align-items: flex-start;
				width: 168px !important;
				height: 320px !important;
				border-radius: 16px;
				background: rgba(0, 0, 0, 0.70);
				backdrop-filter: blur(6px);
				bottom: 0;
				justify-content: space-evenly;
				    flex-wrap: nowrap;
				    flex-direction: column;
				}
			/* .nav-p,.nav-img{
				display: none;
				} */
			#myUl a{
				color: #FFF;
				font-family: "Plus Jakarta Sans";
				font-size: 14px;
				font-style: normal;
				font-weight: 500;
				line-height: 24px; /* 171.429% */
				position: relative;
				    margin-left: 50px;
			}
			#myUl a::after{
				position: absolute;
			    left: -20px;
			    content: '';
			    width: 2px;
			    height: 2px;
			    background-color: red;
			    top: 10px;
			}
			#myUl .active a::after{
				width: 12px;
				}
			#myUl .active a{
				
			}
			.mobile {
			    display: block !important;
			}
			.team img {
			       width: 100%;
			       height: auto;
			       border-radius: 5px;
			       margin-bottom: 10px;
			}
			.team ul {
			    display: flex;
			    flex-wrap: wrap;
			    justify-content: space-between;
			}
			.team li {
			    width: 31.5%;
			}
			.team h5,.link h5 {
			    font-size: 12px;
			    margin-bottom: 30PX;
			}
			.link a {
                color: #000;
                font-family: "Plus Jakarta Sans";
                font-size: 24px;
                font-style: normal;
                font-weight: 500;
                line-height: 32px;
			}
            .foot-li .link a {
                color: #000;
                text-align: right;
                font-family: "Plus Jakarta Sans";
                font-size: 14px;
                font-style: normal;
                font-weight: 500;
                line-height: 125.987%; /* 17.638px */
			}
			.link li {
			    width: 100%;
                border-bottom: none;
			    padding-bottom: 0;
			    margin-bottom: 0;
			    margin-right: 0px;
			}
			.team {
			    margin-top: -364px !important;
			    margin-bottom: 80px !important;
			}
			.a_con {
			    margin-top: 80px !important;
			    border-radius: 16px;
			    flex-direction: column;
			}
			.al {
			    width: 100%;
			    height: 430px;
			    border-radius: 16px;
                background-position: 111% 50%;
                background-size: 80%;
			    padding: 23px;
                margin-bottom: 32px;
			}
			.arT {
                width: 100%;
                display: inline-flex;
                padding: 0;
                flex-direction: column;
                justify-content: flex-end;
                align-items: unset;
                gap: 0;
                border-radius: 0;
                background: none;
                margin-top: 32px;
                padding-bottom: 28px;
                border-bottom: 1px solid rgba(0, 0, 0, 0.10);
            }
			.arB {
			    display: flex;
			    justify-content: space-between;
			    margin-top: 16px;
			    flex-direction: column;
			    height: auto;
			}
			.arBR {
			 
			}
			.arBL, .arBR {
                border-radius: 0;
                background: none;
                display: flex;
                width: 100%;
                padding: 0;
                flex-direction: column;
                justify-content: flex-end;
                align-items: flex-start;
                gap: 0;
                margin-top: 32px;
                padding-bottom: 28px;
                border-bottom: 1px solid rgba(0, 0, 0, 0.10);
            }
			.map-num {
			    width: 400px;
			    height: 200px;
			    display: flex;
			    flex-direction: column;
			    flex-wrap: nowrap;
			}
			.map-num p {
			    font-size: 16px;
			}
			.map-num li {
			    margin-bottom: 30px;
			}
            .ar h6 {
                color: #000;
                font-family: "Plus Jakarta Sans";
                font-size: 16px;
                margin-bottom: 16px;
            }
            .ar p {
                color: #000;
                font-family: "Plus Jakarta Sans";
                font-size: 12px;
                font-style: normal;
                font-weight: 500;
                line-height: 18px;
                width: auto;
            }
            .al_txt {
                position: absolute;
                bottom: 32px 
            
            }
            .al_txt p {
                color: #FFF;
                text-align: justify;
                font-family: MiSans;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                text-transform: uppercase;
                width: 93%;
            }
            .team {
                margin: 0 auto;
                margin-top: 50px !important;
                margin-bottom: 80px !important;
            }
            .map {
                width: 8.6979rem !important;
                height: 8.6979rem;
                margin-top: 50px !important;
                background-size: 200%;
                display: none;
            }
            .moblie_map{
                display: block;
                width: 100%;
                /*margin-bottom: -200px;*/
                /*margin-top: -30px;*/
            }
            .moblie_map img{
               width: 95%;
                margin: 0 auto;
                display: block;
            }
            .next img{
                width: 100%;
            }
            .circle {  
                top: 180px;
                left: 86%;
                /* width: 0.9984px; 
                height: 0.9984px;  
                border-radius: 50%; 
                background-color: rgb(255 0 0 / 10%);  
                margin: 0 auto; 
                animation: growCircle 15s infinite;
                left: 85%;
                position: absolute;
                top: 185.9968px; */
              }  
              .map-num li {
                height: 40px;
                width: 50%;
                border-left: 0.9984px solid #F00;
                padding-left: 15px;
            }
            .map-num sup{
                    display: block;
                    margin-top: 5px;
                    font-size: 14px;
            }
            .map-num h5{
                color: #F00;
                font-family: "Plus Jakarta Sans";
                font-size: 30px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                display: flex;
                
            }
            .map-num span{
                line-height: 20px;
            }
            .map-num p {
                color: #000;
                font-family: "Plus Jakarta Sans";
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                margin-top: 0;
            }
            .mage .active::before {
                position: absolute;
                content: '';
                bottom: 2px;
                width: 5px;
                height: 1px;
                background: #F00;
                transform: translate(-50%, 0);
                left: 50%;
            }
            .mage li {
                width: 30px;
                height: 30px;
                border-radius: 6px;
                background: rgba(0, 0, 0, 0.50);
                position: relative;
                margin-right: 4px;
            }
            .mage li img{
                width: 100%;
            }
            .mage {
                /*width: min-content;*/
                /*height: auto;*/
                /*border-radius: 10px;*/
                /*background: rgba(0, 0, 0, 0.60);*/
                /*backdrop-filter: blur(6px);*/
                /*display: flex;*/
                /*margin: 0 auto;*/
                /*padding: 8px;*/
                /*margin-top: 30px;*/
            }
            .mage a, .mage span{
                 width: 40px;
                height: 40px;
                    line-height: 40px !important;
                        border-radius: 6px;

            }
            .num {
              
                padding: 0;
            }
            .mage li a {
                color: #FFF;
                font-family: "Plus Jakarta Sans";
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: 30px;
                text-align: center;
                display: block;
            }

            /* news */
            .Ncon a {
                display: block;
            }
             
            .Ncon li {
                padding: 0px 0 56px 0;
                border-top:none;
            }
            .Ncon li:first-child{
                  padding: 40px 0 56px 0;
                      border-top: 1px solid rgba(0, 0, 0, 0.10);
             }
            .Ncon_txt {
                width: auto;
            }
            .Ncon_img img{
                border-radius: 8px;
                object-fit: cover;
            }
            .Ncon_txt p{
                font-size: 14px;
                font-weight: 400;
                line-height: 24px;
            }
            .Ncon_txt h6{
                color: #000;
                font-family: "Plus Jakarta Sans";
                font-size: 20px;
                font-style: normal;
                margin: 16px 0;
                font-weight: 500;
                line-height: 28px; /* 140% */
                white-space: nowrap; /* 防止文本换行 */
                overflow: hidden;    /* 隐藏溢出的内容 */
                text-overflow: ellipsis; /* 显示省略符号来代表被修剪的文本 */
                width: 100%;        /* 指定一个宽度，超出这个宽度的文本将被省略 */
                display: inline-block; /* 或者使用 display: block; */ /* 确保文本在一行内显示 */
            }
            .Ncon_txt span{
                color: #000;
                font-family: "Plus Jakarta Sans";
                font-size: 12px;
                font-style: normal;
                font-weight: 500;
                line-height: 24px; /* 171.429% */
                margin-bottom: 20px;
            }
            .Ncon_img {
                    width: 100%;
                    height: 240px;
                overflow: hidden;
                margin-right: 0;
                margin-bottom: 24px;
                border-radius: 16px;
            }
           
            .news_type .tit h5{
                color: #000;
                font-family: "Plus Jakarta Sans";
                font-size: 32px !important;
                font-style: normal;
                font-weight: 200 !important;
                line-height: 40px; /* 125% */
                
            }
            .news_type .tit{
                margin-bottom: 20px;
            }
              .news_type .tit p{
                  color: #000;
font-family: "Plus Jakarta Sans";
font-size: 24px;
font-style: normal;
font-weight: 200;
line-height: 40px; /* 166.667% */
              }
            .al_logo img{
                width: 79px;
            }
            .al_logo {
                margin-bottom: 242px;
            }
            .f-em.english {
                
                width: 100% !important;
                        }
            .al_txt p{
                color: #FFF;
                text-align: start;
                font-family: MiSans;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                text-transform: unset;
            }
            .al_txt p:nth-child(1) {
                margin-bottom: 20px;
            }
}