@charset 'utf-8';

.product {
	padding: 46px 0;
}

.about_title h2 {
	font-size: 2vw;
	text-align: center;
	margin: 0 0 50px;
	font-weight: bold;
}

.cideo_in {
	background: url(../images/videob.jpg);
	/* padding:50px 0; */
	/* margin-top: 50px; */
}

/* 核心容器 - 宽度100%，高度由内容决定 */
.video-container {
	position: relative;
	width: 100%;

	margin: 0 auto;
}

/* 图片样式 - 宽度100%，高度自适应 */
.thumbnail2 {
	width: 100%;
	height: auto;
	/* 关键：高度自适应 */
	display: block;
	cursor: pointer;
	background-color: #f0f0f0;
	/* 图片加载前的背景色 */
}
.close-btn{position: absolute; top: 15px; right: 15px; width: 36px; height: 36px; background-color: rgba(0,0,0,0.6); color: white; border-radius: 50%; display: none; align-items: center; justify-content: center; cursor: pointer; font-weight: bold; font-size: 18px; transition: all 0.3s ease; backdrop-filter: blur(2px);}
/* 视频容器 -  */
.video-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	/* 初始隐藏 */
}

/* 视频元素 - 填充整个容器 */
.video-player {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* 保持比例并填充容器 */
	display: none;
}

/* 播放按钮样式 */
.play-icon {}

/* 加载指示器 */
.loader {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 4px solid rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	border-top: 4px solid #fff;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
	z-index: 15;
}

@keyframes spin {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}
.abto_suibain{position:relative;}
.na_cp_noe{
    position: absolute;
    right: 3%;
    top: 15%;
    width: 30%;
    background: #38761d;
    padding: 50px 30px;
}
.na_cp_noe .nei_noe{/* margin: 30px 0 0; *//* display: flex; *//* justify-content: space-between; */}
.na_cp_noe .nei_noe h3{font-size: 2vw;color: #fff;margin-bottom: 20px;}
.na_cp_noe .nei_noe h3 span{font-size: 0.85vw;color: #fff;}
.na_cp_noe .nei_noe p{font-size: 0.85vw;color: #fff;}
.fne_ge{margin-bottom:30px;}

/* //////////////// */

.product .list_por{padding: 0 0 50px 0;display: flex;flex-wrap: wrap;}


.product .list_por .title{margin-bottom: 30px;}
.product .list_por .title h2{font-size: 32px;}
.product .list_por .list{width: 30%;float: left;box-sizing: border-box;margin-right: 0;margin-bottom: 30px;display: flex;align-items: center;text-align: left;flex-wrap: wrap;margin: 0 2%;}
.product .list_por .list:nth-child(3n){margin-right: 0;}
.product .list_por .list .picture{/* border-bottom: solid #e8e8e8 1px; */overflow: hidden;width: 100%;border-radius: 15px;}
.product .list_por .list .picture img{width: 100%; transition: all 0.5s;}
.product .list_por .list .picture:hover img{transform: scale(1.1);}
.product .list_por .list .text{padding: 15px 18px;/* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; */width: 100%;}
.product .list_por .list .text a h2{font-size: 16px;color: #333;margin-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product .list_por .list .text a p{font-size: 16px;color: #333;word-wrap: break-word;word-break:break-all;margin: 30px 0;box-shadow: 0 0 3px 0 #ddd;padding: 10px;}
.product .list_por .list .text a:hover{color: #08943d;}
.get_iorerd .ikrr .btn span{font-size: 16px;}
.product .classification .list .xypg-left-subnav li.clicked  .srtrre{ display:block;}


/* //////////////// */

.cideo_in .abto_suibain2{position:relative;background: url(../images/cp_a.jpg);margin-top: 35px;padding: 35px;}
.abto_suibain2 .right_noe{width: 55%;padding: 35px;background: #fff;}
.abto_suibain2 .right_noe ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.abto_suibain2 .right_noe ul li{width: 48%;margin-bottom: 35px;}
.abto_suibain2 .right_noe ul li h3{font-size: 2.2vw;color: #38761d;margin-bottom: 10px;}
.abto_suibain2 .right_noe ul li p{font-size: 0.8vw;color: #555;}

/* //////////////// */
.lin_list{padding: 50px 0 0;}
.lun_auto .srf_about{display:flex;justify-content: space-between;flex-wrap: wrap;background: #38761d;}
.lun_auto .srf_about .left_noe{width: 50%;padding: 30px;background: #f5f5f5;}
.lun_auto .srf_about .right_noe{width:50%;}
.lun_auto .srf_about .left_noe p{font-size: 0.85vw;color: #333;line-height: 1.8;}
.lun_auto .srf_about .left_noe h3{font-size: 1.5vw;color: #38761d;font-weight: bold;margin-bottom: 15px;}
.lun_auto .srf_about .nei_noe{margin: 15px 0 0;/* display: flex; *//* justify-content: space-between; */}
.lun_auto .srf_about .nei_noe h3{font-size: 0.85vw;color: #333;margin-bottom: 20px;}
.lun_auto .srf_about .nei_noe h3 span{font-size: 0.85vw;color: #333;font-weight: normal;}
.lun_auto .srf_about .nei_noe p{font-size: 0.85vw;color: #38761d;margin-bottom: 10px;}
.lin_list  .swiper-container{padding-bottom:80px;}
.lin_list .swiper-pagination-bullet{width:12px; height:12px;}
.lin_list .swiper-pagination-bullet{margin:0 2%}
.lin_list   .swiper-pagination-bullet-active{background:#38761d;}
.lin_list   .swiper-container-horizontal>.swiper-pagination-bullets{bottom:5%;}
.lun_auto .srf_about2{display:flex;justify-content: space-between;flex-wrap: wrap;background: #38761d;}
.lun_auto .srf_about2 .left_noe{width: 50%;padding: 30px;background: #38761d;}
.lun_auto .srf_about2 .right_noe{width:50%;}
.lun_auto .srf_about2 .left_noe p{font-size: 0.85vw;color: #fff;line-height: 1.8;}
.lun_auto .srf_about2 .left_noe h3{font-size: 1.5vw;color: #fff;font-weight: bold;margin-bottom: 15px;}
.lun_auto .srf_about2 .nei_noe{margin: 15px 0 0;/* display: flex; *//* justify-content: space-between; */}
.lun_auto .srf_about2 .nei_noe h3{font-size: 0.85vw;color: #333;margin-bottom: 20px;}
.lun_auto .srf_about2 .nei_noe h3 span{font-size: 0.85vw;color: #fff;font-weight: normal;}
.lun_auto .srf_about2 .nei_noe p{font-size: 0.85vw;color: #fff;margin-bottom: 10px;}
/* //////////////// */
.anli_list{padding: 50px 0 0;}
.anli_auto .srf_about{display:flex;justify-content: flex-start;flex-wrap: wrap;/* background: #38761d; */position: relative;}
.anli_auto .srf_about .left_noe{width: 30%;padding: 80px 30px;background: #38761d;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.anli_auto .srf_about .right_noe{width:75%;}
.anli_auto .srf_about .left_noe p{font-size: 0.85vw;color: #fff;line-height: 1.8;}
.anli_auto .srf_about .left_noe h3{font-size: 1.5vw;color: #fff;font-weight: bold;margin-bottom: 15px;}
.anli_auto .srf_about .nei_noe{margin: 15px 0 0;/* display: flex; *//* justify-content: space-between; */}
.anli_auto .srf_about .nei_noe h3{font-size: 0.85vw;color: #333;margin-bottom: 20px;}
.anli_auto .srf_about .nei_noe h3 span{font-size: 0.85vw;color: #fff;font-weight: normal;}
.anli_auto .srf_about .nei_noe p{font-size: 0.85vw;color: #fff;margin-bottom: 10px;}
.anli_list  .swiper-container{padding-bottom:80px;}
.anli_list .swiper-pagination-bullet{width:12px; height:12px;}
.anli_list .swiper-pagination-bullet{margin:0 2%}
.anli_list   .swiper-pagination-bullet-active{background:#38761d;}
.anli_list   .swiper-container-horizontal>.swiper-pagination-bullets{bottom:5%;}
.anli_list img{width:100%;}
.anli_auto .srf_about2{display:flex;justify-content: flex-end;flex-wrap: wrap;/* background: #38761d; */position: relative;}
.anli_auto .srf_about2 .left_noe{width: 30%;padding: 30px;background: #f5f5f5;left: 0;position: absolute;top: 50%;transform: translateY(-50%);}
.anli_auto .srf_about2 .right_noe{width:75%;}
.anli_auto .srf_about2 .left_noe p{font-size: 0.85vw;color: #38761d;line-height: 1.8;}
.anli_auto .srf_about2 .left_noe h3{font-size: 1.5vw;color: #38761d;font-weight: bold;margin-bottom: 15px;}
.anli_auto .srf_about2 .nei_noe{margin: 15px 0 0;/* display: flex; *//* justify-content: space-between; */}
.anli_auto .srf_about2 .nei_noe h3{font-size: 0.85vw;color: #333;margin-bottom: 20px;}
.anli_auto .srf_about2 .nei_noe h3 span{font-size: 0.85vw;color: #333;font-weight: normal;}
.anli_auto .srf_about2 .nei_noe p{font-size: 0.85vw;color: #333;margin-bottom: 10px;}
.ding_r{position:relative;margin-top: 50px;}
.anli_list .swiper-button-next, .swiper-button-prev{background-size: 20px 20px;}
.anli_list .swiper-button-prev, .anli_list .swiper-container-rtl .swiper-button-next{

    left: 0;
    right: auto;}

.anli_list .swiper-button-next, .anli_list .swiper-container-rtl .swiper-button-prev{
	right: auto;
	left: 15%;
}
/* //////////////// */
.process_list{padding: 50px 0 0;}
.process_auto .srf_about{display:flex;justify-content: space-between;flex-wrap: wrap;background: #38761d;}
.process_auto .srf_about .left_noe{width: 35%;padding: 30px;background: #f5f5f5;}
.process_auto .srf_about .right_noe{width: 65%;}
.process_auto .srf_about .left_noe p{font-size: 0.85vw;color: #333;line-height: 1.8;}
.process_auto .srf_about .left_noe h3{font-size: 1.5vw;color: #38761d;font-weight: bold;margin: 30px 0;}
.process_auto .srf_about .nei_noe{margin: 15px 0 0;/* display: flex; *//* justify-content: space-between; */}
.process_auto .srf_about .nei_noe h3{font-size: 0.85vw;color: #333;margin-bottom: 20px;}
.process_auto .srf_about .nei_noe h3 span{font-size: 0.85vw;color: #333;font-weight: normal;}
.process_auto .srf_about .nei_noe p{font-size: 1vw;color: #38761d;margin-top: 19px;}
.process_list  .swiper-container{padding-bottom:80px;}
.process_list .swiper-pagination-bullet{width:12px; height:12px;}
.process_list .swiper-pagination-bullet{margin:0 2%}
.process_list   .swiper-pagination-bullet-active{background:#38761d;}
.process_list   .swiper-container-horizontal>.swiper-pagination-bullets{bottom:5%;}
/* //////////////// */
.our_list{padding: 50px 0 0;}
.our_auto .srf_about{display:flex;justify-content: space-between;flex-wrap: wrap;background: #38761d;}
.our_auto .srf_about .left_noe{width: 35%;padding: 30px;background: #38761d;}
.our_auto .srf_about .right_noe{width: 65%;}
.our_auto .srf_about .left_noe p{font-size: 0.85vw;color: #FFF;line-height: 1.8;}
.our_auto .srf_about .left_noe h3{font-size: 1.5vw;color: #FFF;font-weight: bold;margin: 30px 0;}
.our_auto .srf_about .nei_noe{margin: 15px 0 0;/* display: flex; *//* justify-content: space-between; */}
.our_auto .srf_about .nei_noe h3{font-size: 0.85vw;color: #333;margin-bottom: 20px;}
.our_auto .srf_about .nei_noe h3 span{font-size: 0.85vw;color: #333;font-weight: normal;}
.our_auto .srf_about .nei_noe p{font-size: 0.85vw;color: #FFF;margin-bottom: 10px;}
.our_list  .swiper-container{padding-bottom:80px;}
.our_list .swiper-pagination-bullet{width:12px; height:12px;}
.our_list .swiper-pagination-bullet{margin:0 2%}
.our_list   .swiper-pagination-bullet-active{background:#38761d;}
.our_list   .swiper-container-horizontal>.swiper-pagination-bullets{bottom:5%;}
/* //////////////// */
.left_img {
	width: 50%;
	padding: 0;
	background: #fff;
}
.left_img h2{font-size:16px;color: #222;margin-bottom: 20px;}

.left_img h3{font-size: 35px;color: #222;font-weight: bold;margin-bottom: 30px;}
.suibianer .abto_suibain{display:flex;margin-bottom: 50px;justify-content: space-between;margin-top: 50px;}
.rijfks{width: 43%;}
.rijfks h3{font-size: 2vw;font-weight: bold;margin-bottom: 30px;}
.rijfks h2{font-size: 20px;margin: 0 0 20px;font-weight: bold;}
.rijfks .tufeis p{font-size:16px;line-height: 1.8;color: #666666;margin-bottom: 30px;padding-left: 25px;}
.rijfks .tufeis p:nth-child(1){background: url(../images/bn1.png) no-repeat left 7px;}
.rijfks .tufeis p:nth-child(2){background: url(../images/bn2.png) no-repeat left 7px;}
.rijfks .tufeis p:nth-child(3){background: url(../images/bn3.png) no-repeat left 7px;}
@media (max-width: 1440px) {
	
.na_cp_noe .nei_noe p {
    font-size: 1vw;

}	
.na_cp_noe .nei_noe h3 span {
    font-size: 1vw;
 
}	
.abto_suibain2 .right_noe ul li p {
    font-size: 1vw;
  
}	
.lun_auto .srf_about .left_noe p {
    font-size: 1vw;

}	
.lun_auto .srf_about .nei_noe p {
    font-size: 1vw;

}	
.lun_auto .srf_about .nei_noe h3 span {
    font-size: 1vw;
 
}	
.lun_auto .srf_about2 .left_noe p {
    font-size: 1vw;

}	
.lun_auto .srf_about2 .nei_noe h3 span {
    font-size: 1vw;

}	
.lun_auto .srf_about2 .nei_noe p {
    font-size: 1vw;

}	
.anli_auto .srf_about .left_noe p {
    font-size: 1vw;

}

.anli_auto .srf_about .nei_noe p {
    font-size: 1vw;

}

.anli_auto .srf_about2 .left_noe p {
    font-size: 1vw;
   
}
.anli_auto .srf_about2 .nei_noe p {
    font-size: 1vw;

}
	.process_auto .srf_about .nei_noe h3 span {
    font-size: 1vw;
 
}
	.process_auto .srf_about .nei_noe p {
    font-size: 1.2vw;

}
.our_auto .srf_about .left_noe p {
    font-size: 1vw;
    
}	
.our_auto .srf_about .nei_noe p {
    font-size: 1vw;
  
}	
.rijfks .tufeis p {
    font-size: 14px;

}
	
	

	
}
@media (max-width: 990px) {
	
.na_cp_noe {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    background: #38761d;
    padding: 20px;
}	
.na_cp_noe .nei_noe h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
}	
.na_cp_noe .nei_noe p {
        font-size: 14px;
    }	
	
.na_cp_noe .nei_noe h3 span {
        font-size: 14px;
    }	
	
.abto_suibain2 .right_noe {
    width: 100%;
    padding: 10px;
    background: #fff;
}	
.abto_suibain2 .right_noe ul li h3 {
    font-size: 20px;
    color: #38761d;
    margin-bottom: 10px;
}
    .abto_suibain2 .right_noe ul li p {
        font-size: 12px;
    }	
.lin_list {
    padding: 20px 0 0;
}

.about_title h2 {
    font-size: 20px;
    text-align: center;
    margin: 0 0 20px;
    font-weight: bold;
}	
.lun_auto .srf_about .right_noe {
    width: 100%;
}

.lun_auto .srf_about .left_noe {
    width: 100%;
    padding: 20px;
    background: #f5f5f5;
}
.lun_auto .srf_about .left_noe h3 {
    font-size: 20px;
    color: #38761d;
    font-weight: bold;
    margin-bottom: 15px;
}
    .lun_auto .srf_about .left_noe p {
        font-size: 14px;
    }

.lun_auto .srf_about .nei_noe p {
        font-size: 14px;
    }
    .lun_auto .srf_about .nei_noe h3 span {
        font-size: 14px;
    }

.lun_auto .srf_about2 .left_noe {
    width: 100%;
    padding: 20px;
    background: #38761d;
}
.lun_auto .srf_about2 .right_noe {
    width: 100%;
}
.lun_auto .srf_about2 .left_noe h3 {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}
    .lun_auto .srf_about2 .left_noe p {
        font-size: 14px;
    }

    .lun_auto .srf_about2 .nei_noe p {
        font-size: 14px;
    }

    .lun_auto .srf_about2 .nei_noe h3 span {
        font-size: 14px;
    }
.anli_auto .srf_about .right_noe {
    width: 100%;
}
.anli_auto .srf_about .left_noe {
    width: 100%;
    padding: 20px;
    background: #38761d;
    position: relative;
    right: 0;
    top: 0%;
    transform: translateY(0%);
}
.anli_auto .srf_about .left_noe h3 {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}
    .anli_auto .srf_about .left_noe p {
        font-size: 14px;
    }

.anli_auto .srf_about .nei_noe p {
        font-size: 14px;
    }
.anli_auto .srf_about2 .right_noe {
    width: 100%;
}
.anli_auto .srf_about2 .left_noe {
    width: 100%;
    padding: 20px;
    background: #f5f5f5;
    left: 0;
    position: relative;
    top: 0;
    transform: translateY(-0%);
}

.anli_auto .srf_about2 .left_noe h3 {
    font-size: 20px;
 
   
}
    .anli_auto .srf_about2 .left_noe p {
        font-size: 14px;
    }

.anli_auto .srf_about2 .nei_noe p {
        font-size: 14px;
    }


.anli_list .swiper-container {
    padding-bottom: 20px;
}

.process_auto .srf_about .left_noe {
    width: 100%;
    padding: 20px;
    background: #f5f5f5;
}
.process_auto .srf_about .left_noe h3 {
    font-size: 20px;
    color: #38761d;
    font-weight: bold;
    margin: 30px 0;
}

    .process_auto .srf_about .nei_noe h3 span {
        font-size: 14px;
    }
.process_auto .srf_about .nei_noe p {
        font-size: 16px;
    }
.process_auto .srf_about .right_noe {
    width: 100%;
}
.our_auto .srf_about .left_noe {
    width: 100%;
    padding: 20px;
    background: #38761d;
}
.our_auto .srf_about .right_noe {
    width: 100%;
}
.our_auto .srf_about .left_noe p {
        font-size: 14px;
    }
.our_auto .srf_about .left_noe h3 {
    font-size: 20px;
    color: #FFF;
    font-weight: bold;
    margin: 30px 0;
}
.our_auto .srf_about .nei_noe p {
        font-size: 14px;
    }

.suibianer .abto_suibain {
    display: flex
;
    margin-bottom: 50px;
    justify-content: space-between;
    margin-top: 50px;
    flex-wrap: wrap;
}

    .suibianer {
        padding: 10px;
        /* background: #f6f6f6; */
        /* background-size: 100% 100%; */
        /* margin-top: 50px; */
    }

    .left_img {
        width: 100%;
        /* padding: 0; */
        /* background: #fff; */
        /* margin-top: 30px; */
    }

.product {
    padding: 46px 0 0;
}





	
	
	
}