/* ===================首页样式========================== */
.banner{width: 100%;position: relative;overflow: hidden;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;object-fit: cover;}
.banner-img img.none-mb{height: 100vh;}
.banner-img img.none-pc-pad{min-height: 440px;}
.banner-cont{position: absolute;z-index: 4;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;}
.banner-cont .name{color: #ffffff;}
.banner-cont .text{color: #ffffff;}
.banner-cont .link{display: flex;align-items: center;transition: all .4s ease;justify-content: center;width: 150px; height: 44px;border-radius: 22px;background: #FFFFFF;}
.banner-cont .link i{padding-left: 5px;}
.banner-cont .link:hover{background: #ff9a5d;color: #FFFFFF;}
.banner .swiper-pagination{bottom: 50px;}
.banner .swiper-pagination-bullet{width: 40px;height: 2px;background: rgba(255, 255, 255, .5);opacity: 1;margin: 0 10px !important;position: relative;border-radius: 0;}
.banner .swiper-pagination-bullet:before{content: "";width: 0;height: 100%;background: #ff9a5d;position: absolute;top: 0;left: 0;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet{background: #fff;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:before{animation: bulletLine 4s linear both .8s;}
.banner .swiper-pagination-bullet-active.oneBullet:before{animation: bulletLine 3.8s linear both 0s;}
@keyframes bulletLine{0%{width: 0;}100%{width: 100%;}}
/* 效果 */
.banner-cont .name, .banner-cont .text, .banner-cont .link{opacity: 0;}
.swiper-slide-active .banner-cont .name{animation: bannerUp 1s ease both 0.9s;}
.swiper-slide-active .banner-cont .text{animation: bannerUp 1s ease both 1s;}
.swiper-slide-active .banner-cont .link{animation: bannerUp 1s ease both 1.1s;}
.oneSlide .banner-cont .name{animation: bannerUp 1s ease both .3s;}
.oneSlide .banner-cont .text{animation: bannerUp 1s ease both .4s;}
.oneSlide .banner-cont .link{animation: bannerUp 1s ease both .5s;}
@keyframes bannerUp{0%{opacity: 0;transform: translateY(120px);}100%{opacity: 1;transform: translateY(0);}}
.banner .swiper-slide {overflow: hidden;position: relative;}
.banner .swiper-slide video {width: 100%;object-fit: cover;transform: matrix(1, 0, 0, 1, 0, 0);transition: all 0.4s ease 1.2s;}
.banner .swiper-slide img {width: 100%;object-fit: cover;transform: matrix(1, 0, 0, 1, 0, 0);transition: all 0.4s ease 1.2s;}
.banner .swiper-slide-active img {transition-delay: 0.4s !important;transform: matrix(1.06, 0, 0, 1.06, 0, 0);transition: all 4s ease;}
.banner-btn{justify-content: center;}
.banner-prev, .banner-next{width: 44px;height: 44px;border-radius: 50%;background:rgba(255, 255, 255, .5);position: absolute;z-index: 4;top: 50%;margin-top: -22px;cursor: pointer;transition: all .4s ease;display: flex;justify-content: center;align-items: center;}
.banner-prev{left: 50px;}
.banner-next{/*transform: rotate(180deg);*/right: 50px;}
.banner-prev:hover, .banner-next:hover{background: #0145ab;color:#ffffff;}
@media (max-width: 1151px){
.banner-prev, .banner-next {display: none;}
}


@keyframes bulletLine{0%{width: 0;}100%{width: 100%;}}
/* 效果 */

@keyframes bannerUp{0%{opacity: 0;transform: translateY(120px);}100%{opacity: 1;transform: translateY(0);}}

/* 产品详情容器 */
.productdetail {position: relative;}
/* 轮播箭头 - 添加悬停效果 */
.productdetail .myDetailSwiperPrev,
.productdetail .myDetailSwiperNext {position: absolute;top: 50%;width: 40px;height: 40px;text-align: center;line-height: 40px;border-radius: 50%;transform: translate(-50%, -50%);border: 1px solid #999;background-color: rgba(255, 255, 255, 0.8); /* 半透明白色背景 */color: #333;cursor: pointer;transition: all 0.3s ease; /* 平滑过渡效果 */z-index: 10; /* 确保箭头在内容上方 */display: flex;justify-content: center;align-items: center;}
/* 调整箭头位置 */
.productdetail .myDetailSwiperPrev {left: 3vw;}
.productdetail .myDetailSwiperNext {right: 1vw;transform: translate(-50%, -50%); /* 修正右侧箭头的位置计算 */}
/* 箭头悬停效果 */
.productdetail .myDetailSwiperPrev:hover,
.productdetail .myDetailSwiperNext:hover {background-color: #333; /* 悬停时背景变黑 */color: white; /* 文字变白 */border-color: #333; /* 边框颜色同步 */transform: translate(-50%, -50%) scale(1.1); /* 轻微放大 */box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); /* 添加阴影 */}
/* 产品盒子 - 添加进入动画 */
.productdetail .productbox {width: 90%;margin: 123px auto;overflow: hidden;opacity: 0; /* 初始透明 */transform: translateY(20px); /* 初始位置向下偏移 */animation: fadeInUp 0.6s ease forwards; /* 入场动画 */}


/* Swiper容器 - 关键：设置明确高度 */
.productdetail .swiper {
	width: 100%;
	}

/* 单个产品项 - 移除强制高度计算 */
.productdetail .swiper-slide {
	position: relative;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	移除这个强制高度：height: calc((100% - 30px) / 2) !important;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	}

/* 图片容器 - 改为相对定位，避免覆盖问题 */
.productdetail .productbox .swiper-slide .img {
	position: relative; /* 从absolute改为relative */
	width: 100%;
	height: 200px; /* 设置固定图片高度 */
	}

/* 内容盒子 - 不再绝对定位到底部 */
.productdetail .productbox .swiper-slide .contentbox {
	position: relative; /* 从absolute改为relative */
	padding: 20px;
	color: #fff;
	}

/* 图片容器 - 占满整个盒子 */
.productdetail .productbox .swiper-slide .img {
	width: 100%;
	height: 100%;
	}

/* 产品图片 - 覆盖整个容器 */
.productdetail .productbox .swiper-slide .img img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 保持图片比例并覆盖容器 */
	}

/* 内容盒子 - 叠加在图片上方 */
.productdetail .productbox .swiper-slide .contentbox {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	color: #fff;
	}

/* 标题样式 */
.productdetail .productbox .swiper-slide .contentbox .title {
	font-weight: 600;
	margin-bottom: 25px;
	}

/* 描述列表容器 */
.productdetail .productbox .swiper-slide .contentbox .desc {
	margin-bottom: 23px;
	list-style: none;
	}

/* 列表项样式 */
.productdetail .productbox .swiper-slide .contentbox .desc .conli {
	margin-bottom: 10px;
	padding-left: 10px;
	position: relative;
	}

.productdetail .productbox .swiper-slide .contentbox .desc .conli:before {
	content: "•";
	position: absolute;
	left: 0;
	color: #fff;
	font-weight: bold;
	}

/* 按钮链接容器 - 新增样式 */
.productdetail .productbox .swiper-slide .contentbox .more {
	display: inline-flex;
	border: 1px solid #fff;
	height: 25px;
	text-decoration: none;
	color: #fff;
	padding: 0px 16px;
	background-color: transparent;
	border-radius: 50px;
	transition: background-color 0.3s ease;
	align-items: center;
	}

/* 按钮文本样式 - 新增样式 */
.productdetail .productbox .swiper-slide .contentbox .more .atn {
	margin-right: 8px;
	}

/* 图标样式 - 新增样式 */
.productdetail .productbox .swiper-slide .contentbox .more .iconfont.icon-doubleright {
	transition: transform 0.3s ease;
	}

/* 悬停效果 - 调整样式 */
.productdetail .productbox .swiper-slide .contentbox .more:hover {
	background-color: #fff;
	color: #000;
	}

.productdetail .productbox .swiper-slide.black-style {
	/* 黑色样式定义 */
	.contentbox {
		color: #000; /* 黑色文字 */
		}
	.contentbox .desc .conli:before {
		color: #000; /* 黑色列表符号 */
		}
	.contentbox .more {
		color: #000;
		border: 1px solid #000;
		}
	.contentbox .more:hover {
		background-color: #000;
		color: #fff;
		}
	}

/* 响应式调整 */
@media (max-width: 992px) {
	.productdetail .productbox {
		grid-template-columns: repeat(2, 1fr);
		}
	}

@media (max-width: 576px) {
	.productdetail .productbox {
		grid-template-columns: 1fr;
		}

	.productdetail .productbox .swiper-slide {
		height: 350px;
		}
	}

.fenlei{margin: 120px auto;width: 90%;height: 100%;}
.fenlei .fenleibox{display: grid;grid-template-columns: repeat(3,1fr);gap: 55px;}
.fenlei .fenleibox .fenleili{}
.fenlei .fenleibox .fenleili .img{width: 100%;}
.fenlei .fenleibox .fenleili .img img{width: 100%;height: 100%;object-fit: cover;}
.fenlei .fenleibox .fenleili .title{margin: 25px 0 40px;font-weight: 700;}
.fenlei .fenleibox .fenleili .mire{display: inline-flex;align-items: center;color: #ff9a5d;font-weight: 600;}
.fenlei .fenleibox .fenleili .mire .wz{}
.fenlei .fenleibox .fenleili .mire i{}

/*首页关于我们*/
.AboutVideo {cursor:pointer;}
.AboutVideo::after{content: '';width: 3rem;height: 3rem;background: url(../image/bfannui.png) no-repeat;background-size: contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 0.3s ease;opacity: 0.7;}
.AboutVideo img{width: 100%;height: 100%;}
.video{position: relative}
.AboutVideo:hover::after{width: 4rem;height: 4rem;opacity: 1;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .indhb-partner-link{height: 110px;}
	.productdetail .myDetailSwiperNext{right: 0vw;}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indpp-bg {}
	.indhb{background-size: 100% 100%;}
	.productdetail .myDetailSwiperPrev i,
	.productdetail .myDetailSwiperNext i{font-size: 10px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner-img img.none-mb{height: 50vh;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.indal .mySwiper { overflow: hidden; margin: 0 40px;}
	.indal .indal-img img {min-height: 680px;}
	.indal-prev, .indal-next {width: 40px;height: 40px;}
    .indal-list li {width: calc(50% - 15px);}
	.indhb{background: url(/template/cn/image/index_ab_m.jpg) no-repeat center;background-size: auto 100%;}
	.indhb-bg { width: 100%;}
	.indpp-num {flex-wrap: wrap;justify-content: flex-start;}
	.indpp-num-line {min-height: 100px;width: 3px;margin-bottom: 20px;}
	.indpp-num-items { width: calc(50% - 3px); padding: 0 20px;margin-bottom: 20px;}
	.indpp-num-line:nth-last-of-type(2) {margin-bottom: 0px;}
	.indpp-num-items:last-child {margin-bottom: 0px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.indMore {width: 136px; height: 40px;border-radius: 20px;}
	.fenlei .fenleibox{display: grid;grid-template-columns: repeat(1,1fr);gap: 25px;}
	.banner-cont .link{width: 136px; height: 40px;border-radius: 20px;}
    .banner .swiper-pagination {bottom: 20px;}
    .banner .swiper-pagination-bullet {width: 30px;margin: 0 8px !important;}
    @keyframes bannerUp{0%{opacity: 0;transform: translateY(60px);}100%{opacity: 1;transform: translateY(0);}}
	.hadbox-sec1 .lt .logo img{object-fit: contain;}
	.pro .producontent .probox .proli .qtxx .zuihou .boxzhright .yqbox .yuanquanli.active::after{top: 0;left: 0;transform: translate(-2px, -2px);}
}