@font-face { 
  font-family: Plus Jakarta Sans; /*这里是说明调用来的字体名字*/ 
  src: url('../font/PlusJakartaSans[wght].ttf'); /*这里是字体文件路径*/ 
  /* webpack 打包的办法 */ 
  /*
  src: url("~@/widget-tools/css/fonts/HTYPE/YouSheBiaoTiHei/YouSheBiaoTiHei-2.ttf");
  */
} 

svg:not(:root) {
    height: 30px;
}
.c_map_img109{
    display: none;
}
#en:target ~ .c_map_img109 {
  display: block;
}

/*html:lang(zh-CN) .c_map_img109{*/
/*    display: none;*/
/*}*/
/*.c_map_img109{*/
/*    display: none;*/
/*}*/
/*html:lang(en) .c_map_img109{*/
/*    display: block;*/
/*    width: 100%;*/
/*}*/
/*html:lang(en) .c_map_img9{*/
/*    display: none;*/
/*}*/
/*html:lang(zh-CN) .c_map_img9{*/
/*    display: block;*/
/*}*/
.hea_svg1{
    width: 50px;
   height: 51px;
       margin-top: 2px;
}
#fixedNav svg:not(:root) {
    width: 56px;
    height: 56px !important;
}
.deiata_more_con h5{
	color: #000;
	font-family: "Plus Jakarta Sans";
	font-size: 0.2083rem;
	font-style: normal;
	font-weight: 700;
	line-height: 0.1458rem; /* 120% */
	text-transform: capitalize;
	margin-top: 0.625rem;
	margin-bottom: 0.3125rem;
}
*{
    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;
   
    }
	body{
		font-size: 12px;
	} 
	.current{
	        background: rgba(0, 0, 0, 1) !important;
	}
	.mage div a:hover{
	     background: rgba(0, 0, 0, 1) !important;
	}
		.mage .num::before {
		     position: absolute;
    content: '';
    bottom: 8px;
    width: 0;
    height: 2px;
    background: #F00;
    transform: translate(-50%, 0);
    left: 50%;
    transition: 0.3s;
		}
	.mage .num:hover::before {
     width: 16px;
}
	.rows{
	    display: none;
	}
	.mage div{
	    display: flex;
	}
	.next,.prev{
	    background: none !important;
	}
	.mage a,.mage span{
	    width: 56px;
    height: 56px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.40);
    position: relative;
    margin-right: 8px;
    display: block;
    color: #FFF !important;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px !important;
    text-align: center;
    display: block;
	}
/* 	@font-face {
        font-family: 'MyCustomFont';
        src: url('mycustomfont.woff2') format('woff2'),
             url('mycustomfont.woff') format('woff'),
             url('mycustomfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
      } */
      body {
        font-family: 'MyCustomFont', 'Arial', sans-serif;
      }
		.vision2 .left-tit2{
		    display: none;
		}
	.news_Mspan1{
	    display: none;
	}
	.c-con-moblie{
	    display: none !important;
	}
.pc-f-p img{
	width: 16px !important;
    margin-left: 24px;
    margin-top: 0 !important;
    cursor: pointer;
}
 .pc-f-p{
	display:flex;
	margin-left: 128px;
	
	}
	body[aos-duration='6000'] [aos], [aos][aos][aos-duration='6000']{
        transition-duration: 6000ms;
      }
#wrap{
	width: 100%;
    overflow: hidden;
    position: relative;
	background: #F4F4F4;
}
/* .hide {top: -0.5729rem}

.show {top: 0;
  }
.hide2{}
	
.show2{
	    background: rgba(255, 255, 255, 0.5);
	    backdrop-filter: blur(0.1667rem);
	    border-radius: 0.2604rem;}
		.show3{
			  background:none;
			} */
.header{
	/* width: 100%;
	position:absolute;
  z-index: 2;
  position: relative;
  position: fixed;
  z-index: 9999;
  transition: all 0.2s;
  margin-top: 0.125rem;
  transform: translate(-50%, 0);
  left: 50%;
	padding:0 0.125rem; */

    width: 100%;
    z-index: 2;
    position: relative;
    position: fixed;
    z-index: 9999;
    transition: all 0.2s;
    margin-top: 0.0208rem;
    transform: translate(-50%, 0);
    left: 50%;
    padding: 0 0.125rem;
    mix-blend-mode: difference;  /*颜色反转 */
}
.head{
    width: 100%;
    height:80.0064px;
	height:0.4167rem;
	align-items: center;
    flex-shrink: 0;
    margin: 0 auto;
   
    display: flex;
    justify-content: space-between;
    padding-left: 0.1458rem;
    padding-right: 0.1667rem;
  
  
}
#demoCanvas,#demoCanvas7{
	width: 8.75rem;
	height: 4.625rem;
}
.ban-txt{
	/* height: 1.875rem; */
	
}
.gyu{
    width: 0.75rem;
}

.lang{
    display: flex;
    line-height: 0.1667rem;
    align-items: center;
}
.lang img{
    width: 0.1667rem;
    height: 0.1667rem;
    margin-right: 0.0156rem;
}
.ban-txt{
    width: 10rem;
	
	    padding-top: 1.2083rem;
	    margin-left: 0.4rem;
      
        margin-bottom: 0.2604rem;

}
.ban-txt video{
    width: 4.6354rem;
    
}
.ban-txt-p{
    width: 10rem;
	color: #000;
	font-family: "Plus Jakarta Sans";
	font-size: 0.3333rem;
	font-style: normal;
	font-weight: 700;
        display: flex;
     
}

/* work_detail */


/* work_detail */
.wrapper {
				width: 100%;
				height: 0.375rem;
				position: relative;
				margin: 0.2083rem auto 0;
				overflow: hidden;
			}
			.box {
                
				width: 1rem;
                height: 0.375rem;
                padding: 0.1042rem 0.1354rem 0.1094rem 0.1406rem;
				position: absolute;
				
			}
			
			.boxes {
				position: relative;
				left: -1.0417rem;
			}
    
            .wrapper2 {
				width: 100%;
				height: 1.5417rem;
				position: relative;
				margin: 0.2083rem auto 0;
				overflow: hidden;
			}
			.box2{
                width: 1.5417rem;
                height: 1.5417rem;
				position: absolute;
                margin-right: 0.1042rem;
			}
            .box3{
                width: 2.75rem;
                height: 2.0625rem;
				position: absolute;
			}
			
			.boxes2 {
				position: relative;
				left: -1.5625rem;
			}
.iUKFMQ {
    width: max-content;
    display: flex;
    animation: 30s linear 0s infinite normal none running animation-infinite-x;
}
.iUKFMQ img{
 /*   width: 1rem;
height: 0.375rem; */
margin: 0 0.3125rem;
/* padding: 0.1042rem 0.1354rem 0.1094rem 0.1406rem; */
}
@keyframes animation-infinite-x {  
    /* 定义动画的关键帧 */  
    0% {
        transform: translate(0);
    }
    100% {
        transform: translate(-50%);
    } 
  }
  .iUKFMQ2 {
    width: max-content;
    display: flex;
    animation: 30s linear 0s infinite normal none running animation-infinite-x2;
}

@keyframes animation-infinite-x2 {  
    /* 定义动画的关键帧 */  
    0% {
        transform: translate(-50%);
    }
    100% {
        transform: translate(0);
    } 
  }
.jq231{
    width: max-content;
    display: flex;
    animation: 30s linear 0s infinite normal none running animation-infinite-x;
}
.autoplay-progress{
    position: absolute;
    left: 0.1719rem;
    top: 0.2813rem;
    z-index: 10;
    /* width: 0.25rem;
    height: 0.25rem; */
    
    font-weight: bold;
}

.progress-bar{
   
    height: 0.0104rem;
    background: red;
    transition: 0.3s;

   
    color: var(--swiper-theme-color);
    width:0;
}


.mb-schm,.mobile{
	display: none !important;
}
.sw-l h5 div{
	float: right;
}
.left-tit-more{
	display: none;
}

.foot-logo-tit2{
	display: none;
}

.type{
    width: 8.75rem;
    margin: 0 auto;
}
.wraper-page{
    display: none;
    height: 0.2448rem;
    
} 
.c_left_1, .c_left_2{
                position: relative;
            }
            .c_left_txt{
                position: absolute;
                top: 1.1667rem;
                left:0.25rem;
            }
            .c_left_txt h6{
                color: #000;
                font-family: "Plus Jakarta Sans";
                font-size: 0.125rem;
                font-style: normal;
                font-weight: 500;
                line-height: 125.987%; /* 0.1575rem */
            }
             .c_left_txt p{
                 color: #000;
                font-family: "Plus Jakarta Sans";
                font-weight: 500;
                line-height: 125.987%; /* 0.0787rem */
             }
              .c_left_txt p:nth-child(2){
                  font-size: 0.0625rem;
                  opacity: 0.5;
                  margin: 0.0625rem 0 0.25rem;
              }
              .c_left_txt p:nth-child(3){
                  font-size: 0.0833rem;
                  opacity: 0.5;
                  margin-bottom: 0.0417rem;
              }
              .c_left_txt p:nth-child(4){
                  font-size: 0.0833rem;
              }

.slide-bar{
  display: none;
    position: fixed;
    top: 0;
}
.projects{
margin-top: 0.1667rem;

position: relative;

}
.projects .tit h5{
    color: #000;
font-family: "Noto Sans";
font-size: 0.125rem;
font-style: normal;
font-weight: 600;
line-height: 0.2292rem; /* 183.333% */
letter-spacing: 0.0062rem;
margin-bottom: 0.6458rem;

}
.index-box1 .container .list ul li {
    width: 2.6667rem;
}
.projects-con{
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari 和 Chrome */
    column-count:3;
    -moz-column-gap: 0.3802rem;
    -webkit-column-gap: 0.3802rem;
    column-gap: 0.3802rem;
  
	overflow: hidden;
}
.logo img{
    width: 0.4688rem;
    height: 0.1563rem;
}
	.c_left_1,.c_left_2{
        width:1.5rem;
        height:3.3333rem;
    }
    .c_left_1 img,.c_left_2 img{
        width:100%;
    }
    .c_img3{
border-radius: 0.0417rem;
    height: 0.2917rem;
    padding: 0.0521rem 0.125rem;
    gap: 0.0521rem;
        background: #FFF;
    display: inline-flex;
  
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.c_img3 p{
    color: #000;
font-family: "Plus Jakarta Sans";
font-size: 0.0833rem;
font-style: normal;
font-weight: 500;
line-height: 125.987%; /* 0.105rem */
/*text-transform: uppercase;*/
}
.Ncon {
    margin-bottom: 0.4583rem;
}
.c_img3 span{
    opacity: 0.5;
    margin-right: 0.0833rem;
}
.c_map1{
    width: 0.6302rem;
    height: 0.2917rem;
    border-radius: 0.0417rem;
background: #000;

}
.mapImg_btn a{
    color: #FFF;
font-family: "Plus Jakarta Sans";
font-size: 0.0729rem;
font-style: normal;
font-weight: 400;
line-height: 0.125rem; /* 171.429% */
display: inline-flex;
padding: 0.0833rem 0.125rem;
justify-content: center;
align-items: center;
gap: 0.0417rem;
}
.mapImg_btn a img{
    width: 0.125rem;
height: 0.125rem;
aspect-ratio: 1/1;
}
.mapImg_btn a img{

}
.circle2 {
    width: 0.0052rem;
    height: 0.0052rem;
    border-radius: 50%;
    border-radius: 52.0781rem;
    /* background-color: rgb(255 0 0 / 10%); */
    border: 0.0052rem 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:2000px;
  }  
  100% {  
	width: 1000px;
	 height: 1000px; 
	 border-radius:1000px;
	 opacity: 0;
      /* transform: scale(5760); */
  /* width: 1669px;
   height: 1669px; */ 
  }  
}
    .c_map_img{
    width:5.3958rem;
	height: 3.3333rem;
}
.c_map_img9,.c_map_img109{
	width: 100%;
	border-radius: 32px;
	display: none;
}
    
.c-con {
    height: 3.3333rem;
    margin-top: 1rem;
    border-radius: 0.1667rem;
}

.nav-flex{
	opacity: 1;
}
.nav-ab{
	/* position: absolute;
	    bottom: 1.0156rem;
		opacity: 1; */
}
/* news css */
.news_type{
    width: 7.25rem;

}
.news_type .tit{
 color: #000;
font-family: "Plus Jakarta Sans";
font-size: 40px;
font-style: normal;
font-weight: 200;
line-height: 80px; /* 200% */
margin-bottom: 40px;
}
.Ncon_img {
  
    width: 3.5rem;
    height: 2.4583rem;
}
.Ncon{
   
}
.Ncon a{
    display: flex;
    justify-content: space-between;
}
.Ncon li{
    padding: 0.375rem 0;
    border-top: 1px solid rgba(0, 0, 0, 0.10);;
}
.Ncon li:last-child{
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);;
}
.Ncon li:hover a > .Ncon_img img{
    transform: scale(1.05);
}
.Ncon_img{
    width: 384px;
    height: 384px;
    overflow: hidden;
    /*margin-right: 80px;*/
    border-radius: 24px;
   width: 3.6771rem;
height: 2.4583rem;

}
.Ncon_img img{
   width: 100%;   /* 图片最大宽度不超过容器宽度 */
    height: 100%;   /* 图片最大高度不超过容器高度 */
    /* object-fit: contain; 保持图片宽高比 */
   
    transition: 0.3s;
}
.row{
        width: 300px;
    margin: 30px auto;
    text-align: center;
}
.Ncon_txt{
    width: 2.7448rem;
}
.Ncon_txt p{
    color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 0.1042rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.125rem; /* 120% */
    display: -webkit-box;
    line-clamp: 2; /* 限制文本显示为两行 */
    -webkit-box-orient: vertical;
    overflow: hidden; /* 隐藏溢出的文本 */
   
}
.new_p1{
     width:0.2292rem;
    border-bottom: 1px solid;
}
.Ncon_txt h6{
    color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 0.1458rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.2083rem; /* 142.857% */
    margin: 0.2083rem 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: 0.0833rem;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0.3125rem;
    line-height: 0.125rem; /* 177.778% */
    display: -webkit-box;
    line-clamp: 2; /* 限制文本显示为两行 */
    -webkit-box-orient: vertical;
    overflow: hidden; /* 隐藏溢出的文本 */
}
.news_detail{
    padding-top: 0.8542rem
}
/* news css */

  /* styles.css */  
  .sidebar {  
    position: fixed;  
    bottom: -1.5625rem;  
    left: 50%; /* 初始位置在左边隐藏 */  
    transition: bottom 0.3s ease; /* 平滑过渡效果 */  
    overflow-y: auto; /* 允许垂直滚动 */  
  }  
    
  .sidebar.show2 {  
    bottom: 0.1563rem; /* 显示时移动到左边 */  
  }  

      /* 底部导航栏样式 */  
.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: 0.1042rem;  
    height: 10.4167rem; /* 模拟长页面 */  
  }


.projects-con li{

border-radius: 0.1302rem;
    overflow: hidden;
}
.projects-con li a{

}
.projects .img1{
    width: 2.6667rem;
    height: 2.6667rem;
}
.projects .img2{
    width: 2.6667rem;
height: 3.4167rem;
}


.projects p{
    color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 0.1042rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125.987%; /* 0.1312rem */
    margin: 0.0833rem 0 0.125rem 0;
}
.projects span{
        color: rgb(0 0 0 / 40%);
    font-family: "Plus Jakarta Sans";
    font-size: 0.0729rem;
    font-style: normal;
    font-weight: 500;
    line-height: 125.987%; /* 0.0919rem */
    margin-bottom: 0.5833rem;
    display: block;
}
.index-box1 .container .list ul li a .public-img img,.index-box1 .container .list ul li a .public-img {
    border-radius: 0.125rem !important;
}
.projects-more{
    width: 2.5833rem;
height: 0.3333rem;
margin: 0 auto;
border-radius: 0.1667rem;
background: #000;
}
.projects-more a{
    color: #FFF;
font-family: "Plus Jakarta Sans";
font-size: 0.0938rem;
font-style: normal;
font-weight: 700;
line-height: 0.3333rem;
text-align: center;
display: block;
transition: 0.3s;
}
.vision{
margin-top: 2.0313rem;
display: flex;
justify-content: space-between;
}
.vision .left {
    
}
   .newstype{
        width: 818px;
        margin: 0 auto;
    }
.vision .left .left-tit h6{
    color: #000;
font-family: "Noto Sans";
font-size: 0.2083rem;
font-style: normal;
font-weight: 700;
line-height: 0.25rem; /* 120% */
}
.vision .left .left-con{
    margin-top: 0.2188rem;
}
.vision .left .left-con p{
     color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 0.0833rem !important;
    font-style: normal;
    font-weight: 500;
    line-height: 0.125rem !important;
    width: 2.3906rem !important;
    margin-bottom: 0.1563rem;
    text-align: justify;
}
.vision .left .left-foot{
    display: flex;
margin-top: 0.2604rem;
}
.vision .left .left-foot img{
    width: 0.2917rem;
height: 0.2917rem;
margin-right: 0.1667rem;
}
.vision .left .left-foot img:last-child{
    width: 0.5208rem;
height: 0.2083rem;
margin-top: 0.0833rem;
}
.vision .right{
    display: flex;
}
.vision .right li{
    width: 1.8333rem;
    height: 2.5833rem;
    background: #000;
    margin-left: 0.0833rem;
    border-radius: 0.125rem;
    position: relative;
    overflow: hidden;
}
.vision .right li:last-child{
 background: none;
}

.vision .right li:hover > a > div >img{
    transform: scale(1.05);
}
.vision .right li:hover > a > div >p{
    transform: translateY(0.0521rem);
}
.vision .right li a{
   
}
.vision .right li:last-child a{
    position: relative;
    display: block;
    background: #000;
    border-radius: 0.0833rem;
    height: 1.8333rem;
    overflow: hidden;
}
.vision .right li:last-child a img{
    height: 1rem;
}
.vision .right li:last-child span{
    margin-top: -0.2135rem;
}
.news_con{
    margin-top: 1.2917rem;
    display: block;
}
.news_detail h3{
	color: #000;
 font-family: "Plus Jakarta Sans";
 font-size: 0.2083rem;
 font-style: normal;
 font-weight: 500;
 line-height: 0.2917rem; /* 140% */
 /*text-align: center;*/
 margin: 0.2083rem 0;
 }
.news_detail_p1,.news_detail_zz{
	color: #000;
font-family: "Plus Jakarta Sans";
font-size: 0.1042rem;
font-style: normal;
font-weight: 400;
line-height: 0.125rem; /* 120% */
	
}
.news_detail_con{
    padding-top: 0.3333rem;
        margin-top: 0.3333rem;
}
.news_detail img{
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}
.news_con .right li:last-child {
    background: #000;
}
.news_con .right li:last-child a img {
    height: 1.2917rem;
}
.news_con .right li:last-child a{
    position: unset;
    display: unset;
    background: #000;
    border-radius: 0;
    height: 1.8333rem;
    overflow: unset;
}
.news_con .right li:last-child span {
    margin-top: 0.2135rem;
}
.news_con .right li {
    width: 2rem;
    height: 2.5833rem;
    background: #000;
    margin-left: 0.25rem;
}
.news_con .right li:first-child,.news_con .right li:nth-child(5),.news_con .right li:nth-child(9),.news_con .right li:nth-child(13),.news_con .right li:nth-child(17){   
     margin-left: 0;

}
.vision .right li a h5{
    color: #FFF;
    font-family: "Plus Jakarta Sans";
    font-size: 0.0833rem;
    font-style: normal;
    font-weight: 700;
    padding-top:0.1667rem;
    margin:0 0.1667rem;
}
.vision .right li a img{
    width: 100%;
    height: 1.2917rem;
    /*margin-top: 0.5625rem;*/
    opacity: 0.9;
    transition: 0.5s;
	object-fit: cover;
}
.vision .right li a span{
    color: #FFF;
font-family: "Plus Jakarta Sans";
font-size: 0.0625rem;
font-style: normal;
font-weight: 400;
line-height: 125.987%; /* 0.0787rem */
display: block;
margin-top: 0.2135rem;
margin-left:0.1667rem;
opacity: 0.5;
}
.vision .right li a .div_p{
position: absolute;
left: 0.1667rem;
bottom: 0.3646rem;
}
.index_newsdiv1{
    position: relative;
        margin-top: 0.5625rem;
        width: 100%;
    height: 1.2917rem;
    overflow: hidden;
}
   .news li {
    width: 2.5833rem;
}
.zz1{
    width: 100%;
     height:100%;
     content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.vision .right li a div p{
    width: 1.125rem;
    color: #FFF;
font-family: "Plus Jakarta Sans";
font-size: 0.1042rem;
font-style: normal;
font-weight: 500;
line-height: 0.125rem; /* 120% */
transition: 0.5s;
text-transform: uppercase;
}

.vision-more{
height: 0.6667rem;
padding: 0rem 0.1667rem;

gap: 1.1927rem;
flex-shrink: 0;
border-radius: 0.125rem;
background: #000;
display: block;
margin-top: 0.0833rem;

}
.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: 0.0833rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.6667rem; /* 0.105rem */
    justify-content: space-between !important;
    overflow: unset !important;
}
.vision-more a img{
    width: 0.1146rem !important;
    height: 0.0938rem !important;
    margin-top: 0.2969rem !important;
    transition: 0.5s !important;
    opacity: 1 !important;
}
.vision-more:hover img{
    transform: translateX(0.0521rem);
}
.autoplay-progress span{
    display: none;
  }
.autoplay-progress {
    width: 0.4063rem;
    margin-top: 0.0365rem;
    /* position: absolute;
    left: 0.0833rem;
    top: 0.2813rem;
    z-index: 10;
    width: 0.25rem;
    height: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: var(--swiper-theme-color); */
  }
 
  .autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0rem;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 0.0208rem;
    stroke: var(--swiper-theme-color);
    fill: none;
    stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
  }
.news{
   
    margin-top: 0.8698rem !important;
}
.news ul{
    display: flex;
    justify-content: space-between;
}
.news li{
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    padding-left: 0.0833rem;
}
.news h6{
    width: 1.7708rem;
    color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 0.0833rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.125rem;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    margin-bottom: 0.0833rem;
}


.news p{
    color: rgb(0 0 0 / 50%);
font-family: "Plus Jakarta Sans";
font-size: 0.0729rem;
font-style: normal;
font-weight: 500;
line-height: 0.125rem; /* 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: 0.0625rem;
font-style: normal;
font-weight: 400;
line-height: 0.0833rem; /* 133.333% */
float: right;
margin-top: 0.0313rem;
}
.bg-pc {
				width: 100%;
				height: 100%;
			}
			 .index-box1 .container{
           margin-top:0.9375rem
        }

  #demoCanvas{
    width: 100%
}
#demoCanvas77,#demoCanvas88,.m_h6,.m_p{
    display: none;
}
.m_h6{
    display: block;
        }
        .m_p{
            display: block;
        }
.jq22 img{
width: 1rem;
height: 0.375rem;
padding: 0.1042rem 0.1354rem 0.1094rem 0.1406rem;

}
.mb-jq{
	height: 0;
	overflow: hidden;
    margin-top: 0 !important;
}
.mb-f-p,.bg-mobile,.close,#fixedNav2{
	display: none;
}

.jq231{
    margin-top: 1.4583rem;
    position: relative;
}
.jq231 div{
    width: 1.5417rem;
    height: 1.5417rem;
}
.adt_img{

   margin:0 0.25rem;
    
    }
.jq231 img:nth-child(odd){
    width: 2.75rem;
    height: 1.5417rem;
    flex-shrink: 0;			
	border-radius: 0.0833rem;

}
.jq231 img:nth-child(even){
    width: 1.5417rem;
height: 1.5417rem;
}
.footer{
    background: #EEE;
    height: 2.9167rem;
    width: 100%;
    margin-top: 0.8698rem;
}
.foot{
    display: flex;
    justify-content: space-between;
}
/* .projects-more:hover a{
    transform: translateX(0.0521rem);
} */


.swiper {
   margin-top: 1.3333rem;
   margin-bottom: 0.2604rem;
  }

  .swiper-slide {
    font-size: 0.0938rem;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .swiper-slide img {
    display: block;
    width: 100% ;
    height: 4.625rem !important;;
    object-fit: cover;
  }
.swiper-slide1{
   
    width: 100%;
    height: 4.625rem !important;
    display: block;
}
.sw-con{
    color: white;
    display: flex;

}
.sw-con div{
    border-radius: 0.125rem;
  
   
}
.sw-r1-l p{
	width: 2.5rem;
}
.sw-l{
    width: 2.25rem;
    height: 4.625rem;
    padding:0.1667rem;
    background: #000;
    margin-right: 0.0417rem;
	position: relative;
	background-image: url(../image/Ellipse-2384.png);
	background-repeat:no-repeat;
	background-position: top right;
	}
	.sw-l-bg{
		position: absolute;
		top: 0;
		right: 0;
	}
.sw-l h6{
    font-family: "Plus Jakarta Sans";
    font-size: 0.0938rem;
    font-style: normal;
    font-weight: 700;
    position: relative;
    margin-bottom: 2.9635rem;

}
.slide2{
    position: absolute;
    top: 0.1667rem;
    left: 0.1667rem;
    z-index: 99;
}
.slide2 h6{
    font-family: "Plus Jakarta Sans";
    font-size: 0.0938rem;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    
}
/* .slide2 h6::before{
    width: 0.0104rem;
    height: 0.0104rem;
    content: ' ';
    position: absolute;
    margin-top: 0.1563rem;
    margin-left: 0.0104rem;
    background: #F00;
    animation: in-out1 20s infinite;
}
.sw-l h6::before{
    width: 0.0104rem;
    height: 0.0104rem;
    content: ' ';
    position: absolute;
    margin-top: 0.1563rem;
    margin-left: 0.0104rem;
    background: #F00;
    animation: in-out 20s infinite;
} */

@keyframes in-out {
    0% {
      width: 0.0104rem;
    }
    50% {
      width: 0.4063rem;
    }
    100% {
        width: 0.0104rem;
      /* but starting to "disappear" from left to right, just like the way it appears */
    }
    
  }
  @keyframes in-out1 {
    0% {
      width: 0.4063rem;
    }
    50% {
      width: 0.0104rem;
    }
    100% {
        width: 0.4063rem;
      /* 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: 0.3333rem;
	font-style: normal;
	font-weight: 700;
    text-decoration: underline;
    margin-left: 0.0521rem;
}  
  
 
.sw-l h5{
    width: 1.651rem;
    word-break: break-all;
font-family: "Plus Jakarta Sans";
font-size: 0.2083rem;
font-style: normal;
font-weight: 700;
line-height: 0.25rem; /* 120% */
text-transform: uppercase;
margin-bottom: 0.0833rem;
}
.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.0052rem;
    float: right;
    margin-right: 0.0573rem;
    color: #F00;
}
.sw-r1 .unitC{
    margin-right: 2.1979rem;
}
.sw-r2-l .unitC{
    margin-right: 0.6354rem;
}
.sw-r2-r .unitC{
    width: 1.0417rem;
}
.sw-l p{
font-family: "Plus Jakarta Sans";
font-size: 0.0729rem;
font-style: normal;
font-weight: 400;
line-height: 0.1042rem; /* 142.857% */
letter-spacing: 0.0036rem;
opacity: 0.5;
}
.sw-r{

}
.sw-r1{
display: flex;
}
.sw-r1-l{
    width: 4.125rem;
    height: 2.2917rem;
    padding:0.1667rem;
    background: #000;
}
.sw-r h6{
    font-family: "Plus Jakarta Sans";
    font-size: 0.0938rem;
    font-style: normal;
    font-weight: 700;
    position: relative;
    margin-bottom: 1.198rem;
}
.sw-r h6::before{
    width: 0.0104rem;
    height: 0.0104rem;
    content: ' ';
    position: absolute;
    margin-top: 0.1563rem;
    margin-left: 0.0104rem;
    background: #F00;
}
.sw-r h5{
    word-break: break-all;
font-family: "Plus Jakarta Sans";
font-size: 0.2083rem;
font-style: normal;
font-weight: 700;
line-height: 0.25rem; /* 120% */
text-transform: uppercase;
margin-bottom: 0.0885rem;
}
.sw-r1-l h5{
  
}
.lang a{
    color: #fff;
font-family: "Plus Jakarta Sans";
font-size: 0.1146rem;
font-style: normal;
font-weight: 700;
display: block;

}
svg path {
    fill: #fff;
}
.sw-r p{
    font-family: "Plus Jakarta Sans";
    font-size: 0.0729rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.1042rem; /* 142.857% */
    letter-spacing: 0.0036rem;
    opacity: 0.5;
    }
    .sw-r2{
        display: flex;
    }
.sw-r1-r{
    width: 2.2917rem;
    height: 2.2917rem;
    flex-shrink: 0;
    margin-left: 0.0417rem;
    padding:0.1667rem;
    background: #000;
}
#swiper-slide-demoCanvas {
    border-radius: 0.125rem;
}
.sw-r2{
    margin-top: 0.0417rem;
}
.sw-r2-l,.sw-r2-r {
    width: 3.2083rem;
    height: 2.2917rem;
    padding:0.1667rem;
    background: #000;
}
.sw-r2-l{
    margin-right: 0.0417rem;
}
.foot-logo{
   margin-right: 0;
       width: 2.5833rem;
}
.foot-logo-tit p{
    width: 0.7917rem;
    color: #000;
font-family: "Plus Jakarta Sans";
font-size: 0.0625rem;
font-style: normal;
font-weight: 700;
line-height: 125.987%; /* 0.0787rem */
margin-top: 1.9896rem;
}
.foot-logo a img{
    width: 0.75rem;
height: 0.2724rem;
flex-shrink: 0;
margin-top: 0.625rem;
}
.foot-contact{
margin-top: 0.625rem;
}
.foot-contact li{
    width: 2.5833rem;
    height: 0.4375rem;
    line-height: 0.4375rem;
    border-top: 0.0052rem solid rgba(0, 0, 0, 0.4);
    display: flex;
display: flex;
/* justify-content: space-between; */
}
.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: 0.0833rem;
font-style: normal;
font-weight: 500;
opacity: 0.5;
width: 24%;
}
.idong{
	display: flex;
	    justify-content: space-between;
	    width: 76%;
}
.pc-f-p {
    display: flex;
    margin-left: 0;
}
.f-phone a{
    color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 0.0833rem;
    font-style: normal;
    font-weight: 700;
}
.f-p,.f-p a{
    color: #000;
    text-align: right;
    font-family: "Plus Jakarta Sans";
    font-size: 0.0833rem;
    font-style: normal;
    font-weight: 500 !important;
   
}
.foot .wx{
    position: relative;
}
.wx p:hover ~ img{
    opacity: 1;
    z-index: 3;
}
.wx p{
    cursor: pointer;
}
.foot .link{
display: flex;
}
.foot .wx img{
    width: 0.7813rem;
    height: 0.7813rem;
    position: absolute;
    opacity: 0;
    top: -0.6771rem;
    left: -0.2292rem;
    transition: 0.2s;
    z-index: -9;
}
.foot .link div{
   margin-right: 0.1563rem;
}
.f-em{
    margin-left:0;
}
.nav-con{
    display: flex;
 
}
.foot-nav{
    width: 2.5833rem;
    border-top: 0.0052rem solid rgba(0, 0, 0, 0.4);
    margin-top: 0.625rem;
}
.nav-tit h6{
    margin-top: 0.1667rem;
    color: #000;
font-family: "Plus Jakarta Sans";
font-size: 0.0833rem;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
opacity: 0.5;
margin-bottom: 0.1667rem;
}
.nav-con dd a{
    color: #000;
font-family: "Plus Jakarta Sans";
font-size: 0.0625rem;
font-style: normal;
font-weight: 500;
line-height: 125.987%; /* 0.0787rem */
margin-bottom: 0.1042rem;
display: block;
opacity: 0.7;
transition: 0.3;
}
.nav-con dd a:hover{
    opacity: 1;
}
.nav-con dl:first-child{
    margin-right: 0.7292rem;
}

.logo-mobile{
    margin: 0 auto;
    display: block;
    margin-top: 0.0677rem;
    width: 40%;
    width: 1.0052rem;
    height: 0.1406rem;
}
.header1{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;

    transition: all 0.2s;
}

.logo{
  
}
.logo div{
    /* width: 1.3542rem;
height: 0.1927rem;
    background: url(../image/lanhelogowhite-2.png); */
}

.menu_list{
    display: flex;
    width: 2.6563rem;
    margin-left: -0.1842rem;
    justify-content: space-between;
   

}
.show_list a{
    color: #fff;
    font-family: "Plus Jakarta Sans";
    font-size: 0.125rem;
    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: 2.0729rem;
background: #FFFFFF;
opacity: 1;
}

.move_list{
    height: auto;
    overflow: hidden;
    z-index: 103;
    position: absolute;
    top: 0.2969rem;
    left: 0;
    opacity: 0;
    text-align: center;
    margin-left: 0.026rem;
margin-top: -0.1042rem;
height: 0;
}
.move_list li a{
    width: 0.6042rem;
    color: #666;
    height: 0.3125rem;
    line-height: 0.2292rem;
font-size: 0.0781rem;
font-weight: 500;
}
.show_list:hover .move_list{
    transition: all 0.2s;
    margin-top: 0rem;
    opacity: 1;
    height: auto;
}
.move_list li a:hover{
    color: #000;
}
.show_list:hover dd{
    width: 0.0938rem;
height: 0.0156rem;
background:#2D6EB2;
opacity: 1;
}


.bananer {
    width: 100%;
    overflow: hidden;}

.mb-list{
height: 0;
overflow: hidden;
}
.m-list{
    display: none;
}
.m-list ul{
    display: flex;
    justify-content: space-around;
}
.m-list li{
    width: 48%;
}



.f1 dd a:hover{
    color: #0062C9;
}
.f-logo{
    position: absolute;
    top: 0.8125rem;
    right: 0;
}
.f2{
    float: right;
    margin-top: 0.0781rem;
}
.logo-mobile{
    margin: 0 auto;
    margin-top: 0.0781rem;
    width: 85%;
    height: auto;
}
.wraper-page a{
    position: absolute;
    transform: translatex(-50%);
    left: 50%;
}
.f2 p{
    font-size: 0.0729rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #7E7E7E;
}
.f2 p a{
    font-size: 0.0729rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #7E7E7E;
}

.focus{
    width: 100%;
    height: 0.4896rem;
    border-bottom: 0.0052rem solid #DBDBDB;
    position: relative;
    background: #F6F6F6;
}
.focus1{
    width: 6.0417rem;
    margin:0 auto;
} 

.focus ul{
    float: left;
}   
.focus li {
    float: left;
    margin-top: 0.1406rem;
    margin-right: 0.125rem;
}

.wechat1,.dy,.wbm,.xhs{
    position:absolute;
   opacity: 0;
    top: -0.9375rem;
    z-index: 99;
    transition: all 0.2s;
}

.focus1 div{
     width: 0.1979rem;
    height: 0.1979rem;
}
.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;
}
  /* 新闻 */
  .mage{
    width: min-content;
height: 72px;
border-radius: 16px;
/*background: rgba(0, 0, 0, 0.60);*/
backdrop-filter: blur(6px);
display: flex;
margin: 0 auto;
padding: 8px;

    margin-bottom: 80px;
}
.mage ul{
    display: flex;
}
.mage li{
    width: 56px;
height: 56px;
border-radius: 8px;
background: rgba(0, 0, 0, 0.50);
position: relative;
margin-right: 8px;
}
.mage li:last-child{
    margin-right: 0;
}
.mage li a{
    color: #FFF;
font-family: "Plus Jakarta Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 56px; /* 171.429% */
text-align: center;
display: block;
}
.mage .active::before{
    position: absolute;
    content: '';
    bottom: 8px;
    width: 16px;
height: 2px;
background: #F00;
transform: translate(-50%, 0);
left: 50%;
}
.mage span{
    position: relative;
}
.mage span::before{
    position: absolute;
    content: '';
    bottom: 8px;
    width: 16px;
height: 2px;
background: #F00;
transform: translate(-50%, 0);
left: 50%;
}
.mage div a:hover ::before{
    position: absolute;
    content: '';
    bottom: 8px;
    width: 16px;
height: 2px;
background: #F00;
transition: 0.3s;
transform: translate(-50%, 0);
left: 50%;
}
.mage li:hover ::before{
    position: absolute;
    content: '';
    bottom: 8px;
    width: 16px;
height: 2px;
background: #F00;
transition: 0.3s;
transform: translate(-50%, 0);
left: 50%;
}
.mage li:last-child ::before,.mage li:first-child ::before{
    display: none;
}
/* 新闻 */
@media screen and (max-width: 6.6146rem) {
    .menu_list {
        right: 4%;
    }
    .logo {
        left: 4%;
    }
    .focus1 {
        width: 96%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 4.0104rem) {
    
}

@media screen and (max-width: 7.1354rem) {
    .footer-con {
        width: 96%;
    }
}
@media screen and (max-width: 4.0104rem) {
   
   
}
@media screen and (max-width: 3.125rem){
     .xhs{
        left: 0.4531rem;
 }
  }







  /* 巨大分割线 */