@font-face {font-family: 'HarmonyOS';src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');}
/* 清除所有元素的内外边距 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* 确保元素的宽度和高度包含边框和内边距 */
}
 
/* 设置 HTML 和 body 的默认样式 */
html, body {
    height: 100%; /* 使页面高度占满整个视口 */
    font-family: "Microsoft YaHei", Arial, sans-serif; /* 设置默认字体 */
    line-height: 1.5; /* 设置行高 */
    color: #333; /* 设置默认文字颜色 */
    background-color: #fff; /* 设置默认背景色 */
}
 
/* 清除列表的默认样式（如项目符号） */
ul, ol {
    list-style: none;
}
 
/* 清除链接默认下划线，并设置默认颜色 */
a {
    text-decoration: none;
    color: inherit; /* 继承父元素的颜色 */
}
 
/* 清除图片底部默认空白间隙 */
img {
    display: block; /* 避免图片下方出现空白 */
   /* 防止图片超出容器 */
    height: auto; /* 保持图片比例 */
}
 
/* 清除表单元素的默认样式 */
input, textarea, button, select {
    font-family: inherit; /* 继承父元素的字体 */
    outline: none; /* 去除聚焦时的轮廓线 */
    border: none; /* 去除默认边框 */
    background: none; /* 去除默认背景 */
}
 
/* 清除表格的默认间距 */
table {
    border-collapse: collapse; /* 合并边框 */
    border-spacing: 0; /* 去除单元格间距 */
}
 
/* 清除按钮的默认样式 */
button {
    cursor: pointer; /* 鼠标悬停时显示手型 */
}

.all{
	width:100%;
	height:100%;
}

@media (min-width:1024px) {
    
    .downlist-right{
        margin-top:4%;
    }
    
    .down_name{
        margin-left:2%;
        margin-top:2%;
    }
    
    .downloads{
        width:100%;
    }
    
    .downlist-left{
        width:90%;
        display:flex;
    }
    
    .downlist{
        width:32%;
        height:auto;
        display:flex;
        justify-content:space-between;
        font-size:1.2rem;
         font-family: 'HarmonyOS';
         margin:2% 0;
    }
    
    body{
        overflow-x:hidden;
    }
    
    .xiala{
        width:250px;
        height:auto;
        position:absolute;
        background-color: rgba(0, 0, 0, 0.5); /* 半透明的红色背景 */
        left:-20px;
        display:none;
    }
    
    .second_lists{
        width:100%;
        padding:1%;
        height:30px;
        line-height:30px;
        text-align:center;
        font-size:1.1rem;
        font-family: 'HarmonyOS';
        margin:6% 0;
    }
    
    .second_lists a{
        color:#ffffff;
    }
    
    @keyframes zoomIn {
      from {
        transform: scale(1); /* 初始大小 */
      }
      to {
        transform: scale(1.07); 
      }
    }
    
    .banner_img img{
       animation: zoomIn 5s infinite alternate;
    }
    
    .page-about-intro .item{
        width:25%;
        height:auto;
    }
    
	.index-header{
		width:100%;
		height:auto;
		position:fixed;
		top:0px;
		z-index:9999;
	}
	
	.index-header-middle{
		width:95%;
		height:auto;
		max-width:1600px;
		margin:0 auto;
		display:flex; 
		justify-content:space-between;
	}
	
	.index-header-middle-logo{
		height:auto;
		overflow:hidden;
		display:flex;
		justify-content:space-between;
	}
	
	.index-header-middle-logo img{
		width:100%;
	}
	
	.index-header-nav{
		width:70%;
		height:auto;
		display:flex;
		justify-content:space-between;
		margin-left:5%;
	}
	
	.index-header-nav-list{
		width:70%;
		display:flex;
	}
	
	.lists{
		height:auto;
		text-align:center;
		font-family:'HarmonyOS';
		padding:4% 0;
		flex:1;
		font-size:1.1rem;
		text-align:center;
		position:relative;
	}
	
	.lists a{
		color:#ffffff;
	}
	
	.lists a:hover{
	    color:#e60012;
	}
	
	.index-header-nav-list-right{
		width:25%;
		height:auto;
		display:flex;
	}
	
	.section-into .container{
	    width: 95%;
        max-width: 1600px;
        height: auto;
        margin: 0 auto;
        overflow:hidden;
	}
	
	.download{
		width:120px;
		height:31px;
		line-height:31px;
		text-align:center;
		border-radius:30px;
		background:#e60012;
		margin-top:13%;
	}
	
	.download a{
		width:100%;
		display:block;
		color:#ffffff;
		height:31px;
		line-height:31px;
	}
	
	.langeicon{
		width:10%;
		margin-top:13%;
		margin-left:20%;
	}
	
	.seachicon{
		width:10%;
		margin-top:13%;
		margin-left:20%;
	}
	
	.banner{
		width:100%;
	}
	
	
	.flexslider{position:relative;height:auto;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}

		.slides{position:relative;z-index:1;}

		.slides li{height:auto;}

		.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}

		.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}

		.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}

		.flex-control-nav .flex-active{background-position:0 0;}



		.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

		.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

		.licontent{
			width:100%;
			height:auto;
			position:relative;
		}
		
		.banner_img{
			width:100%;
			height:auto;
		}
		
		.banner_img img{
			width:100%;
		}
		
		.banner_remark{
			width:100%;
			height:auto;
			position:absolute;
			top:0;
			right:0;
			left:11.5%;
			bottom:0;
			z-index:9;
		}
		
		.banner_remark_title{
			margin-top:16%;
			color:#ffffff;
			font-size:4.5rem;
			font-family:'HarmonyOS';
		}
		
		.banner_remark_content{
			font-size:1.5rem;
			color:#ffffff;
			margin-top:2%;
		}
		
		.indexabout{
			width:100%;
			height:auto ;
			background:#ffffff;
		}
		
		.indexabout_middle{
			width:95%;
			max-width:1600px;
			height:auto;
			margin:0 auto;
		}
		
		.indexabout_middle_top{
			width:100%;
			display:flex;
			margin:5% 0;
		}
		
		.indexabout_middle_top_left{
			width:50%;
			height:auto;
			padding:2% 5% 2% 0;
		}
		
		.abouttitle{
			font-size:3rem;
			font-family:'HarmonyOS';
			font-weight:bold;
		}
		
		.aboutcontnet{
			width:100%;
			height:auto;
			font-size:1.3rem;
			font-family:'HarmonyOS';
			margin:3% 0;
		}
		
		.readmore{
		    width:30%;
		    padding:2%;
			font-size:1.3rem;
			font-family:'HarmonyOS';
			font-weight:bold;
			text-align:center;
			border:1px solid #dcdcdc;
			border-radius:50px;
			margin-top:10%;
		}
		
		.readmore a{
		    width:100%;
		    display:block;
		}
		
		.readmore:hover{
		    background:#e60012;
		    a{
		        color:#FFFFFF;
		    }
		}
		
		.about_video{
			width:50%;
			height:auto;
			position:relative;
		}
		
		.about_video_img{
			width:100%;
			height:auto;
			overflow:hidden;
			border-radius:20px;
		}
		
		
		.about_video_img img{
		    transition: all 0.3s;
			width:100%;
			overflow:hidden;
		}
		
		
		.about_video_img img:hover{
		     transform: scale(1.1);
		}
		
		
		.indexabout_middle_under{
			width:100%;
			height:auto;
		}
		
		.indexabout_middle_under .list{
			display:flex;
			flex-wrap:wrap;
			margin:3% 0 5% 0;
		}
		
		.indexabout_middle_under .list .item {width:25%;position:relative;}
		.indexabout_middle_under .list .item:before {content:" ";position:absolute;right:0;top:1em;bottom:0.5em;width:1px;background:#ffffff;opacity:0.5;}
		.indexabout_middle_under .list .item:nth-last-child(1):before {display:none;}
		.indexabout_middle_under .list .item .tit {color:#e60012;font-weight:bold;font-size:3.2rem;text-align:center;line-height:1;font-family:'HarmonyOS';}
		.indexabout_middle_under .list .item .timer {font-size:3.1rem;line-height:1;margin-right:0.1em;}
		.fuhao{font-size:2em;line-height:1;margin-right:0.1em}
		.union{
			font-size:0.65em;font-family:'Poppins-Regular';
		}
		.indexabout_middle_under .list .item .p {margin-top:3%;text-align:center;font-size:1.25rem;line-height:1.3em;font-family:'HarmonyOS';}
		
		.index_product{
			width:100%;
			height:auto;
			position:relative;
		}
		
		.index_product_bg{
			width:100%;
			height:auto;
		}
		
		.index_product_bg img{
			width:100%;
		}
		
		.index_product_bg_content{
			width:100%;
			height:auto;
			position:absolute;
			top:0;
			right:0;
			left:0;
			bottom:0;
			z-index:99;
		}
		
		.index_product_bg_content_top{
			width:100%;
			height:auto;
			padding:3% 0 2% 0;
			text-align:center;
			font-family:'HarmonyOS';
			color:#ffffff;
			font-size:3rem;
		}
		
		.index_product_bg_content_under{
			width:100%;
			height:auto;
		}
		
		.index_product_bg_content_under_meun{
			width:50%;
			max-width:1600px;
			height:auto;
			margin:0 auto;
			display:flex;
			justify-content:space-between;
		}
		
		
		
		.meunlist{
			width:22%;
			padding:1%;
			text-align:center;
			color:#ffffff;
			font-family:'HarmonyOS';
			font-size:1.15rem;
		}
		
		.meunlist:hover{
			background:#e60012;
			border-radius:50px;
			
			a{
		       color:#ffffff; 
		    }
		}
		
		.actives{
			background:#e60012;
			border-radius:50px;
		}
		
		.indexproducts{
			width:100%;
			height:auto;
			margin-top:4%;
		}
		
		 .swiper-container {
			width: 100%;
			
		}
    .swiper-slide {
        text-align: center;
        font-size: 1.2rem;

        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	
	.producs_pic img{
		width:100%;
	}
	
	.index_product_name{
		width:100%;
		text-align:center;
		font-size:#ffffff;
		font-family:'HarmonyOS';
		font-size:1.2rem;
		display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          margin:3% 0;
	}
	

	
	.index_applications{
		width:100%;
		height:auto;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	
	.index_applications_left{
		width:50%;
		height:auto;
		position:relative;
	}
	
	.index_applications_left_img img{
	    transition: all 0.3s;
        width: 100%;
        overflow: hidden;
	}
	
	.index_applications_left_img img:hover{
	    transform: scale(1.1);
	}
	


	
 .video.vp-a:before {
    content: " ";
    background: url(../images/video-ico.png) no-repeat center;
    background-size: 60px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    cursor: pointer;
}
	
	.honor_button{
	   width: 30%;
        padding: 2%;
        font-size: 1.05rem;
        font-family: 'HarmonyOS';
        font-weight: bold;
        text-align: center;
        border: 1px solid #dcdcdc;
        border-radius: 50px;
        margin:0 auto;
        margin-top:65%;
	}
	
	.honor_button a{
	    width:100%;
	    display:block;
	    color:#6b6b6b;
	}
	
	.honor_button:hover{
	    background:#e60012;
		    a{
		        color:#FFFFFF;
		    }
	}
	
	
	
	.index_applications_left_content{
		width:100%;
		height:auto;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		z-index:7;
		padding:3%;
		text-align:center;
		overflow:hidden;
	}
	
	
	.index_applications_left_img{
	    width:100%;
	    overflow:hidden;
	}
	
	.index_applications_left_content_title{
		font-size:3rem;
		font-family:'HarmonyOS';
		font-weight:bold;
		margin:3% 0;
	}
	
	.index_applications_left_content_remark{
		font-size:0.95rem;
		font-family:'HarmonyOS';
	}
	
	.index_applications_left_content_remark_list{
		width:60%;
		height:auto;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		margin-top:12%;
	}
	
	.remark_list_liebiao{
		width:45%;
		padding:2%;
		border:1px solid #3b463d;
		text-align:center;
		font-size:1.25rem;
		border-radius:30px;
		margin:0 auto;
		margin-top:5%;
		margin-bottom:5%;
		font-family:'HarmonyOS';
	}
	
	.remark_list_liebiao a{
	    display:block;
	    width:100%;
		color:#ffffff;
	}
	
	.remark_list_liebiao:hover{
	     background:#e60012;
		    a{
		        color:#FFFFFF;
		    }
	}
	
	
	.index_blog{
		width:100%;
		height:auto;
		position:relative;
	}
	
	.index_blog_bg{
		width:100%;
		height:auto;
	}
	
	.index_blog_bg img{
		width:100%;
	}
	
	.index_blog_bg_content{
		width:100%;
		height:auto;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:7;
		display:flex;
		justify-content:space-between;
	}
	
	.index_blog_bg_content_left{
		width:17%;
		height:auto;
		margin:8% 0 0% 8%;
	}
	
	.index_blog_bg_content_left_title{
		font-size:3.5rem;
		font-family:'HarmonyOS';
		font-weight:bold;
		color:#000000;
		margin-top:17%;
	}
	
	.index_blog_bg_content_left_title p{
		margin:2% 0;
	}
	
	.index_blog_bg_content_left_remark{
		font-size:1.2rem;
		font-family:'HarmonyOS';
		margin-top:7%;
		font-weight:bold;
		color:#3c3c3c;
	}
	
	.index_blog_bg_content_right{
		width:75%;
		height:auto;
		margin:8% 0  2%;
	}
	
	
	.index_blog_bg_content_right .swiper-container {
        width: 100%;
        height:80%;
        overflow:hidden;
    }
    .index_blog_bg_content_right .swiper-slide {
        text-align: center;
        width:72%;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex; 
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
  
	
	.indexnews{
		width:100%;
		height:auto;
		position:relative;
		
	}
	
	.indexnews_img{
		width:100%;
		height:650px;
		overflow:hidden;
	}
	
	.indexnews_img img{
		width:100%;
	}
	
	.indexnews_img_title{
		width:100%;
		position:absolute;
		bottom:20%;
		padding: 0 2%;
		z-index:9;
		color:#ffffff;
		font-size:1.9rem;
		 display: -webkit-box;
        -webkit-line-clamp: 2; /* 限制行数为2 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align:left;
	}
	
	.swiper-button{
		display:flex;
		margin-top:25%;
	}
	
	.button-prev{
		width:60px;
		height:60px;
		border-radius:50%;
		background:#ffffff;
		
	}
	
	.button-next{
		width:60px;
		height:60px;
		border-radius:50%;
		background:#ffffff;
		margin-left:15%;
		
	}
	
	.swiper-button img{
		width:60px;
		height:60px;
		margin:1px auto;
		text-align:center;
	}
	
	.indexad{
		width:100%;
		height:auto;
		background:#bc0f15;
		padding:3.5% 0;
	}
	
	.indexad_middle{
		width:95%;
		max-width:1600px;
		height:auto;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
	}
	
	.indexad_middle_left{
		font-size:2.4rem;
		font-weight:bold;
		color:#ffffff;
		font-family:'HarmonyOS';
	}
	
	.indexad_middle_right{
		width:275px;
		height:67px;
		line-height:67px;
		background:#ffffff;
		font-size:1.6rem;
		font-weight:bold;
		text-align:center;
	}
	
	.indexad_middle_right a{
		width:100%;
		color:#bc0f15;
	}
	
	.indexad_middle_right img{
		display:inline-block;
		position:relative;
		top:5px;
		left:15px;
	}
	
	.index_footer{
		width:100%;
		overflow:hidden;
		background:#1a1a1a;
	}
	
	.index_footer_middle{
		width:95%;
		max-width:1600px;
		height:auto;
		margin:0 auto;
	}
	
	.index_footer_middle_top{
		width:100%;
		height:auto;
		padding:2% 0;
		border-bottom:1px solid #303030;
		display:flex;
		justify-content:space-between;
	}
	
	.index_footer_middle_top_left{
		width:30%;
		height:auto;
		overflow:hidden;
	}
	
	/*.index_footer_middle_top_left img{*/
	/*	width:100%;*/
	/*}*/
	
	.index_footer_middle_top_right{
		height:auto;
		overflow:hidden;
		display:flex;
		color:#ffffff;
		font-size:1.4rem;
		font-weight:bold;
		font-family:'HarmonyOS';
		padding-top:3%;
	}
	
	.index_footer_middle_top_right img{
		width:22px;
		height:22px;
		margin-left:20px;
	}
	
	.index_footer_middle_middle{
		width:100%;
		height:auto;
		padding:3% 0;
		display:flex;
		font-family:'HarmonyOS';
	}
	
	.index_footer_middle_middle_left{
		width:25%;
		height:auto;
	}
	
	.footer_mobile{
		font-size:1.3rem;
		font-weight:bold;
		color:#ffffff;
	}
	
	.wechat{
		font-size:1.2rem;
		color:#949494;
		margin-bottom:1%;
	}
	
	.home_contact{
		margin:2% 0;
	}
	
	.footer_address{
		font-size:1.2rem;
		color:#949494;
		margin-top:15%;
	}
	
	.index_footer_middle_middle_meun{
		width:52%;
		height:auto;
		display:flex;
		margin-left:8%;
		padding-bottom:2%;
	}
	
	.footer_list{
		width:30%;
		height:auto;
	}
	
	.footer_list_big_title{
		font-size:1.2rem;
		font-weight:bold;
		color:#ffffff;
		font-family:'HarmonyOS';
	}
	
	.footer_list_small_title{
		font-size:1.3rem;
		font-family:'HarmonyOS';
		margin-top:5%;
	}
	
	.footer_list_small_title a{
		color:#a8a8a8;
	}
	
	.footer_feedback{
		width:22%;
		height:auto;
	}
	
	.footer_feedback_content{
		font-size:1.2rem;
		color:#ffffff;
		font-family:'HarmonyOS';
	}
	
	.footerform{
		width:100%;
		height:auto;
	}
	
	.footerform_list{
		width:100%;
		padding:2%;
		background:#2e2e2e;
		margin:5% 0;
		font-size:1.2rem;
		font-family:'HarmonyOS';
	}
	
	.footerform_list input{
		width:100%;
		padding:2%;
		color:#6d6d6d;
		font-size:1.2rem;
	}
	
	.footer_under{
		width:100%;
		height:auto;
		display:flex;
		justify-content:space-between;
		padding:2% 0;
		border-top:1px solid #303030;
	}
	
	.footer_under_left{
		width:70%;
		height:auto;
	}
	
	.footer_under_left a{
		color:#535353;
		font-size:1rem;
		margin-right:2%;
	}
	
	.footer_under_right{
		font-size:1rem;
		color:#535353;
		text-align:right;
	}
	
	.indexad_middle_right{
		font-size:1.3rem;
	}
	
	.footer_mobile{
		font-size:1.2rem;
	}
	
	.wechat{
		font-size:1rem;
	}
	
	.footer_address{
		font-size:1rem;
	}
	
	.footer_list_big_title{
		font-size:1.2rem;
	}
	
	.footer_list_small_title{
		font-size:1rem;
	}
	
	.index_footer_middle_top_right{
		font-size:1.1rem;
	}
	
	.footer_feedback_content{
		font-size:1.1rem;
	}
	
	.footerform_list input{
		font-size:1rem;
	}
	
	.index_product_bg_content_top{
		font-size:2.5rem;
	}
}




@media (max-width:1680px) {
    
    .indexnews_img_title{
		bottom:36%;
	}
    
    .second_lists{
        font-size:1rem;
    }
    
    .banner_remark{
        left:6.5%;
    }
    
	.footer_under_left{
		font-size:1rem;
	}
	
	.footer_under_right{
		font-size:1rem;
	}
	
	.lists{
		font-size:1.1rem;
	}
	
	.download{
		margin-top:10%;
	}
	
	.langeicon{
		margin-top:11%;
	}
	
	.seachicon{
		margin-top:11%;
	}
	
	.meunlist{
		font-size:1rem;
	}
	
	.indexproducts{
		margin-top:3%;
	}
	
	.producs_pic img{
		height:17em;
	}
	
	.index_applications_left_content_title{
		font-size:2.2rem;
	}
	
	.index_applications_left_content_remark{
		font-size:0.75rem;
	}
	
	.remark_list_liebiao{
	  font-size:1rem;	
	}
	
	.banner_remark_title{
		font-size:3.5rem;
	}
	
	.banner_remark_content{
		font-size:1.3rem;
	}
	
	.index_blog_bg_content_left_title{
		font-size:2.5rem;
	}
	
	.index_blog_bg_content_left_remark{
		font-size:1rem;
	}
	
	.indexnews_img_title{
		font-size:1.5rem;
		text-align: left;
	}
	
	.indexad_middle_left{
		font-size:1.8rem;
	}
	
	.abouttitle{
		font-size:2.5rem;
	}
	
	.aboutcontnet{
		font-size:1.1rem;
	}
	
	.readmore{
		font-size:1.05rem;
	}
	
	.indexabout_middle_under .list .item .p{
		font-size:0.95em;
	}
}

@media (min-width:761px) and (max-width:1023px) {
	
}

@media (max-width:760px) {
	
}